NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia **Estrato Consulting** siguiendo el mismo estilo visual y estructura de la página analizada. Utiliza **HTML estático**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un único archivo. Incluye:
- **Paleta de colores**: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F9FAFB (gris claro), #10B981 (verde acento), #111827 (negro profundo).
- **Tipografía**: Inter (sans-serif) para cuerpo y headings, peso 400‑700.
- **Header**: barra fija, logo a la izquierda, menú horizontal (Overview, Services, About, Pricing, Blog, Contact), botón secundario "Más plantillas" y botón primario "Comprar Estrato".
- **Hero**: sección centrada, título grande, subtítulo, dos botones (primario y secundario). A la derecha, **doble slider** sincronizado: el izquierdo mue
3.877 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.877 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 Barra de navegación superior con logo, enlaces principales y botones de acción
- 1.2 Hero principal: titular, subtítulo, dos botones y doble carrusel de imágenes
- 1.3 Sección de características destacadas en rejilla de iconos y textos
- 1.4 Bloque de testimonios con tarjetas y avatar
- 1.5 Llamada a la acción final con botón prominente
- 1.6 Footer con información de contacto, enlaces útiles y redes sociales
SERVICES
- 2.1 Encabezado de página con título y breadcrumb
- 2.2 Lista de servicios en tarjetas con icono, título y descripción breve
- 2.3 Sección de proceso en pasos numerados
- 2.4 CTA para solicitar una consulta
- 2.5 Footer reutilizado
ABOUT
- 3.1 Hero interno con título y descripción corta
- 3.2 Timeline de historia de la empresa
- 3.3 Equipo en rejilla de tarjetas con foto, nombre y rol
- 3.4 Valores en bloques icónicos
- 3.5 CTA de contacto
- 3.6 Footer reutilizado
PRICING
- 4.1 Tabla comparativa de planes con columnas y filas
- 4.2 Características de cada plan en listas
- 4.3 Botones de selección
- 4.4 Preguntas frecuentes en acordeón
- 4.5 Footer reutilizado
BLOG
- 5.1 Lista de artículos en tarjetas con imagen, título y extracto
- 5.2 Sidebar con categorías y últimas entradas
- 5.3 Pagination
- 5.4 Footer reutilizado
CONTACT
- 6.1 Formulario de contacto con campos básicos
- 6.2 Mapa incrustado
- 6.3 Información de oficina y redes
- 6.4 Footer reutilizado
PROMPTS RELACIONADOS · EDUCACIÓN
