NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web corporativa completa, en un único archivo HTML autocontenido, para la marca ficticia BREVORA STUDIO, una consultora de marketing y crecimiento de marca. Claim: "Estrategia que mueve la aguja". Dominio: brevora.com. Email: hola@brevora.com. Año: 2025. Idioma: español de España. Tono: editorial, sobrio, confiado, sin jerga marketinera, verbos en activo, frases cortas.
STACK Y REQUISITOS TÉCNICOS:
- HTML5 + Tailwind CSS vía CDN + JavaScript vanilla en un único archivo .html.
- Responsive impecable (mobile-first, breakpoints md y lg).
- Sin dependencias externas salvo Tailwind CDN y Google Fonts.
- Animaciones suaves con CSS transitions y un poco de IntersectionObserver para fade-in y contadores.
- Accesible: contraste alto, focus visibles, aria-labels en botones de menú y acorde
7.519 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.519 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 Hero con titular display, subtítulo, dos botones y badge
- 1.2 Marquesina de logos de clientes
- 1.3 Grid de 4 servicios
- 1.4 Contadores de KPIs animados
- 1.5 Proceso en 4 pasos
- 1.6 Casos destacados en grid asimétrico
- 1.7 Slider de testimonios
- 1.8 Comparativa con/sin nosotros
- 1.9 FAQ acordeón
- 1.10 CTA final con gradiente
- 1.11 Footer de 4 columnas
SOBRE NOSOTROS
- 2.1 Hero interno con título y breadcrumb
- 2.2 Bloque historia con texto a dos columnas e imagen
- 2.3 Valores en grid de 3 tarjetas
- 2.4 Equipo en grid de 6 personas con foto y rol
- 2.5 Banda de cifras
- 2.6 CTA final
- 2.7 Footer
SERVICIOS
- 3.1 Hero interno
- 3.2 Listado de servicios en cards verticales con icono y enlace
- 3.3 Bloque de metodología en 4 pasos
- 3.4 Testimonio destacado a ancho completo
- 3.5 CTA final
- 3.6 Footer
DETALLE DE SERVICIO
- 4.1 Hero con título del servicio y resumen
- 4.2 Descripción a dos columnas con índice lateral
- 4.3 Entregables en lista con checks
- 4.4 Casos relacionados en grid de 2
- 4.5 CTA final
- 4.6 Footer
PRECIOS
- 5.1 Hero interno con título y subtítulo
- 5.2 Tabla de 3 planes con features y botón
- 5.3 Comparativa detallada en tabla extendida
- 5.4 FAQ específica de precios
- 5.5 CTA final
- 5.6 Footer
BLOG
- 6.1 Hero interno con buscador
- 6.2 Post destacado a ancho completo
- 6.3 Grid de posts en 3 columnas con categoría, título y fecha
- 6.4 Paginación
- 6.5 CTA suscripción newsletter
- 6.6 Footer
DETALLE DE POST
- 7.1 Hero del artículo con título, autor, fecha y tiempo de lectura
- 7.2 Imagen principal
- 7.3 Cuerpo del artículo con índice lateral sticky
- 7.4 Bloque de autor
- 7.5 Posts relacionados en grid de 3
- 7.6 CTA final
- 7.7 Footer
CONTACTO
- 8.1 Hero interno
- 8.2 Bloque dos columnas: formulario + datos de contacto e iconos sociales
- 8.3 Mapa o imagen de localización
- 8.4 FAQ breve
- 8.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
