NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea en un único archivo HTML autocontenido la web del estudio creativo ficticio 'Cinabrio Studio' (dominio cinabriostudio.com, email hola@cinabriostudio.com, año 2025). Sector: estudio de branding y marketing digital para marcas emergentes. Claim: 'Estrategia, diseño y rendimiento en una sola conversación'. Idioma: español de España. Categoría: Agencia digital.
STACK Y REQUISITOS TÉCNICOS
- HTML5 + Tailwind CSS vía CDN + JavaScript vanilla, todo en un solo archivo.
- Responsive impecable (móvil, tablet, desktop), sin librerías externas salvo Tailwind y Google Fonts.
- Animaciones sutiles con CSS y pequeños scripts (fade-in al hacer scroll con IntersectionObserver, contadores numéricos, slider de testimonios, marquesina infinita de logos, menú móvil).
- Imágenes mediante placeholders de h
7.679 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.679 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Navbar absoluto con enlaces ancla y CTA
- 1.2 Hero display con composición fotográfica 3D
- 1.3 Sobre nosotros con contadores
- 1.4 Grid de servicios
- 1.5 Portfolio destacado en mosaico
- 1.6 Marquesina de logos de clientes
- 1.7 Proceso en 4 pasos
- 1.8 Slider de testimonios
- 1.9 Últimos insights del blog
- 1.10 CTA final a pantalla completa
- 1.11 Footer oscuro completo
SERVICIOS
- 2.1 Cabecera de página con título y migas
- 2.2 Listado extendido de servicios con descripción y entregables
- 2.3 Tabla comparativa de paquetes (sin importes)
- 2.4 Preguntas frecuentes en acordeón
- 2.5 CTA intermedio
- 2.6 Footer
PROYECTOS
- 3.1 Cabecera con filtro por categoría
- 3.2 Grid masonry de casos
- 3.3 Bloque de caso destacado con cifras de resultado
- 3.4 CTA final
- 3.5 Footer
DETALLE DE PROYECTO
- 4.1 Hero del caso con cliente, sector y año
- 4.2 Galería de imágenes a ancho completo
- 4.3 Descripción del reto, enfoque y resultado en tres columnas
- 4.4 Navegación a proyecto siguiente / anterior
- 4.5 Footer
INSIGHTS (BLOG)
- 5.1 Cabecera con buscador y categorías
- 5.2 Artículo destacado a ancho completo
- 5.3 Grid de artículos paginado
- 5.4 Suscripción a newsletter
- 5.5 Footer
DETALLE DE ARTÍCULO
- 6.1 Cabecera con título, autor y tiempo de lectura
- 6.2 Cuerpo del artículo con tipografía editorial
- 6.3 Bloque de autor con bio
- 6.4 Artículos relacionados
- 6.5 Footer
CONTACTO
- 7.1 Cabecera con claim de contacto
- 7.2 Formulario a dos columnas con datos del estudio
- 7.3 Mapa o composición ilustrada de ubicación
- 7.4 Bloque de horarios y canales
- 7.5 Footer
PROMPTS RELACIONADOS · CORPORATIVO
