NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa single-file (HTML + Tailwind vía CDN + JS vanilla, todo en un solo archivo index.html) para una consultora ficticia llamada **Brivara Studio**, dedicada a consultoría de marketing estratégico y crecimiento de marca. Dominio: brivarastudio.com. Email: hola@brivarastudio.com. Claim: 'Estrategia, datos y creatividad al servicio de tu marca'. Año: 2025. Idioma: español de España. Todo el copy debe ser original, en activo, sin jerga marketinera vacía y sin precios concretos.
## STACK Y REQUISITOS TÉCNICOS
- HTML5 semántico + Tailwind CSS por CDN (script tag) + JS vanilla.
- Un único archivo `index.html` autocontenido.
- Tipografías Google Fonts: 'Instrument Serif' (display de titulares grandes) e 'Inter' (cuerpo). Cargar con `<link>`.
- Responsive mobile-first, breakpoint
8.259 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.259 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 megamenú y CTA
- 1.2 Hero display con badge y dos CTAs
- 1.3 Marquee de logos partners
- 1.4 About con contadores animados
- 1.5 Grid de 6 servicios
- 1.6 Proceso en 4 pasos
- 1.7 Slider de casos de éxito
- 1.8 Banda de KPIs sobre lima
- 1.9 Carrusel de testimonios
- 1.10 Teaser de planes
- 1.11 Grid de 3 artículos
- 1.12 CTA final ancho
- 1.13 Footer con newsletter
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Hero interno con breadcrumb
- 2.3 Historia de la consultora a dos columnas
- 2.4 Valores en 4 tarjetas con icono
- 2.5 Equipo en grid (8 personas con foto y rol)
- 2.6 Línea de tiempo (timeline) de hitos
- 2.7 CTA final
- 2.8 Footer
SERVICIOS
- 3.1 Header
- 3.2 Hero interno
- 3.3 Listado largo de servicios alternado izquierda/derecha con imagen
- 3.4 Bloque de tecnologías/herramientas usadas
- 3.5 CTA final
- 3.6 Footer
DETALLE DE SERVICIO
- 4.1 Header
- 4.2 Hero con título del servicio y resumen
- 4.3 Descripción larga con sidebar de otros servicios
- 4.4 Beneficios en grid de 4
- 4.5 FAQ acordeón
- 4.6 CTA final
- 4.7 Footer
PRECIOS
- 5.1 Header
- 5.2 Hero interno
- 5.3 Tabla de 3 planes con toggle mensual/anual
- 5.4 Tabla comparativa de features
- 5.5 FAQ
- 5.6 CTA final
- 5.7 Footer
BLOG
- 6.1 Header
- 6.2 Hero interno
- 6.3 Filtros por categoría
- 6.4 Grid de artículos paginado
- 6.5 Newsletter inline
- 6.6 Footer
DETALLE DE ARTÍCULO
- 7.1 Header
- 7.2 Hero del post con categoría, título, autor y fecha
- 7.3 Imagen destacada
- 7.4 Contenido del artículo con sidebar de TOC
- 7.5 Artículos relacionados
- 7.6 Footer
CONTACTO
- 8.1 Header
- 8.2 Hero interno
- 8.3 Formulario amplio a dos columnas con info de contacto lateral
- 8.4 Mapa embebido
- 8.5 Bloque de oficinas (ciudades)
- 8.6 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
