NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Stack Coral** (https://stackcoral.com) siguiendo el estilo visual y la estructura de la plantilla analizada. Utiliza **HTML estático en un único archivo**, con **Tailwind CSS CDN** y **JavaScript vanilla** para interacciones (mega‑menu, carrusel de testimonios, acordeón de FAQ, carrito modal).
**Paleta de colores** (hex):
- Primario: #0A2240 (azul oscuro profundo)
- Secundario: #1E3A8A (azul medio)
- Accento: #3B82F6 (azul brillante)
- Fondo claro: #F9FAFB (gris muy claro)
- Texto principal: #212529 (gris casi negro)
**Tipografía**: "Inter", sans‑serif para todo el texto; títulos en peso 600, cuerpo en 400.
**Header**: barra fija con logo a la izquierda, menú principal horizontal (Home, Pages con mega‑menu, Contact), botón CTA “Get to
4.482 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.482 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 Encabezado con logo, menú principal y carrito
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Grid de 3 columnas: icono, título y breve descripción
- 1.4 Bloque de integración: imagen a la izquierda, texto y dos botones a la derecha
- 1.5 Testimonios: carrusel de tarjetas con foto, nombre y comentario
- 1.6 CTA final: título grande, texto breve y botón destacado
- 1.7 Footer: columnas de enlaces, redes sociales y formulario de newsletter
ABOUT US
- 2.1 Encabezado (hereda del sitio)
- 2.2 Hero interno con título y descripción
- 2.3 Historia de la empresa en dos columnas
- 2.4 Equipo en tarjetas con foto y rol
- 2.5 Valores en lista con iconos
- 2.6 CTA para contacto
PRICING
- 3.1 Encabezado
- 3.2 Tabla de planes: tres columnas, características y botón elegir
- 3.3 Comparativa de beneficios
- 3.4 Preguntas frecuentes en acordeón
- 3.5 CTA de prueba gratuita
BLOG
- 4.1 Encabezado
- 4.2 Lista de artículos en tarjetas con imagen, categoría y extracto
- 4.3 Sidebar con categorías y últimos posts
- 4.4 Paginación
CONTACT
- 5.1 Encabezado
- 5.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.3 Mapa incrustado
- 5.4 Información de contacto y redes sociales
PROMPTS RELACIONADOS · SAAS / STARTUP
