NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **NebulaSync** (dominio nebulasync.com) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe reproducir el diseño visual y la estructura de la plantilla analizada, sin copiar ningún texto original.
**Alcance**:
- Header fijo con logo, menú de navegación principal (Home, Pages con mega‑menu, Contact) y botón de carrito que muestra la cantidad de items.
- Hero a pantalla completa con fondo degradado lineal (azul #0A4DFF → cian #00E5FF) y texto central (título grande, subtítulo y botón CTA). Utiliza tipografía **Inter** (peso 400/600) para cuerpo y **Poppins** (peso 700) para títulos.
- Sección de características: 3 columnas, cada una con ícono cuadrado con fondo #F0F4FF, título y b
4.426 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.426 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 con logo, menú principal y botón de carrito
- 1.2 Hero con fondo lineal y texto destacado
- 1.3 Sección de características en tres columnas con íconos
- 1.4 Grid de productos destacados con tarjetas interactuas
- 1.5 Testimonios rotativos en carrusel simple
- 1.6 Llamada a la acción final con formulario de suscripción
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT US
- 2.1 Header idéntico al home
- 2.2 Hero con imagen de fondo y texto institucional
- 2.3 Texto descriptivo con imagen al lado
- 2.4 Equipo en cards de 3 columnas
- 2.5 Valores y misión en bloques horizontales
- 2.6 Footer estándar
PRICING
- 3.1 Header
- 3.2 Hero con título y descripción breve
- 3.3 Tabla comparativa de planes (3 columnas)
- 3.4 Preguntas frecuentes en acordeón
- 3.5 Footer
BLOG
- 4.1 Header
- 4.2 Lista de artículos en grid de 2 columnas
- 4.3 Sidebar con categorías y últimos posts
- 4.4 Footer
CONTACT
- 5.1 Header
- 5.2 Hero con formulario de contacto (nombre, email, mensaje)
- 5.3 Mapa estático de ubicación
- 5.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
