NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web corporativa completa en un único archivo HTML autocontenido para el estudio ficticio 'Vellora Studio', una consultoría estratégica de marca y operaciones editoriales con claim 'Construimos negocios con voz propia'. Dominio: vellorastudio.com. Email: hola@vellorastudio.com. Año: 2025.
STACK Y REQUISITOS TÉCNICOS:
- HTML5 + Tailwind CSS vía CDN + JavaScript vanilla, todo en un solo archivo.
- Fuentes desde Google Fonts: 'Fraunces' (serif, para titulares, pesos 300-600) e 'Inter' (sans, para cuerpo, pesos 400-500).
- Responsive impecable (mobile, tablet, desktop).
- Animaciones suaves al hacer scroll (fade-in y translate up) usando IntersectionObserver.
- Marquee infinito CSS con keyframes.
- Contadores numéricos animados al entrar en viewport.
- Smooth scroll nativo.
- Acordeón
6.626 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
6.626 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 Header sticky con navegación y CTA
- 1.2 Hero editorial con título serif y dos CTAs
- 1.3 Marquee de clientes con asteriscos
- 1.4 Sobre el estudio con imagen vertical
- 1.5 Servicios en grid de 3 columnas numerados
- 1.6 Contadores de resultados
- 1.7 Caso destacado con imagen grande
- 1.8 Grid 2x2 de casos de estudio
- 1.9 Proceso en lista numerada vertical
- 1.10 Testimonio editorial sobre fondo terracota
- 1.11 Equipo en grid de 4 retratos
- 1.12 Blog con 3 artículos recientes
- 1.13 CTA final 'Hablemos'
- 1.14 Footer en 4 columnas
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Hero con título 'Quiénes somos' y párrafo introductorio
- 2.3 Misión y valores en grid de 3 columnas
- 2.4 Línea temporal de hitos del estudio
- 2.5 Imagen editorial a página completa
- 2.6 Equipo ampliado en grid de 6 personas
- 2.7 CTA intermedio
- 2.8 Footer
SERVICIOS
- 3.1 Header
- 3.2 Hero con título 'Servicios' y resumen
- 3.3 Lista detallada de servicios con acordeón expandible
- 3.4 Metodología en 4 pasos con iconos
- 3.5 Bloque de FAQ
- 3.6 CTA final
- 3.7 Footer
CASOS
- 4.1 Header
- 4.2 Hero con título 'Trabajo' y filtros por categoría
- 4.3 Grid de casos en mosaico asimétrico
- 4.4 CTA final
- 4.5 Footer
CONTACTO
- 5.1 Header
- 5.2 Hero con título 'Hablemos' y datos de contacto
- 5.3 Formulario de contacto en 2 columnas con campos amplios
- 5.4 Mapa o imagen del estudio
- 5.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
