NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa en un único archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla, sin frameworks ni dependencias externas más allá de Tailwind y Google Fonts. La web es para una marca ficticia llamada **Brexora Consulting**, consultora de marketing estratégico y crecimiento de marca para empresas medianas. Dominio brexora.com, email hola@brexora.com, año 2025. Claim: 'Estrategia de marca con datos, sin humo'. Todo el contenido textual debe ser 100% original en español de España, tono profesional pero cercano, verbos en activo, sin jerga marketinera vacía y sin precios concretos.
## Stack y requisitos técnicos
- HTML5 semántico en un único archivo.
- Tailwind CSS por CDN (`https://cdn.tailwindcss.com`) con configuración inline para extender colores y fuentes.
- Google Fonts:
7.276 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.276 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 oscuro con megamenú
- 1.2 Hero serif a pantalla completa con métricas
- 1.3 Marquee de logos cliente
- 1.4 Bloque 'Sobre nosotros' imagen+texto
- 1.5 Grid de servicios con tarjetas
- 1.6 Proceso en 4 pasos numerados
- 1.7 Contadores animados
- 1.8 Casos de éxito portfolio
- 1.9 Slider de testimonios
- 1.10 Equipo en tarjetas
- 1.11 FAQ acordeón
- 1.12 Últimos artículos del blog
- 1.13 CTA final destacado
- 1.14 Footer multi-columna con newsletter
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Hero de página interna con breadcrumb y titular
- 2.3 Historia de la consultora con timeline vertical
- 2.4 Misión, visión y valores en 3 tarjetas
- 2.5 Galería visual de la oficina/equipo
- 2.6 Sección de equipo ampliada
- 2.7 Contadores de logros
- 2.8 CTA y Footer
SERVICIOS
- 3.1 Header
- 3.2 Hero interno con titular
- 3.3 Listado completo de servicios en grid (8-10 items)
- 3.4 Bloque comparativo de enfoque
- 3.5 Testimonios
- 3.6 CTA y Footer
DETALLE DE SERVICIO
- 4.1 Header
- 4.2 Hero con título del servicio e imagen destacada
- 4.3 Descripción larga con sidebar de navegación
- 4.4 Beneficios en lista con iconos
- 4.5 Proceso aplicado a ese servicio
- 4.6 Casos relacionados
- 4.7 CTA y Footer
PRECIOS
- 5.1 Header
- 5.2 Hero interno
- 5.3 Tabla de 3 planes con toggle mensual/anual
- 5.4 Comparativa de características en tabla
- 5.5 FAQ específico de planes
- 5.6 CTA y Footer
BLOG
- 6.1 Header
- 6.2 Hero interno con buscador
- 6.3 Artículo destacado grande
- 6.4 Filtros por categoría
- 6.5 Grid de artículos paginado
- 6.6 Newsletter inline
- 6.7 Footer
POST DE BLOG
- 7.1 Header
- 7.2 Cabecera del artículo con título, autor, fecha, categoría
- 7.3 Imagen destacada
- 7.4 Contenido del artículo con tipografía editorial y sidebar
- 7.5 Etiquetas y compartir
- 7.6 Artículos relacionados
- 7.7 Footer
CONTACTO
- 8.1 Header
- 8.2 Hero interno
- 8.3 Datos de contacto en columnas (email, teléfono, oficinas)
- 8.4 Formulario amplio
- 8.5 Mapa embebido (placeholder)
- 8.6 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
