NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia NebulaFlow (https://nebulaflow.com). El proyecto debe ser un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas. Utiliza la siguiente paleta de colores extraída del diseño original: #0A0A0A (negro profundo), #1E3A8A (azul marino), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía: encabezados con 'Inter' (font‑weight 600) y cuerpo con 'Inter' (font‑weight 400).
Estructura y contenido:
**Header**: barra superior con logo (texto NebulaFlow) a la izquierda y menú principal a la derecha. El menú incluye elementos con mega‑dropdown de dos columnas: sección de enlaces principales (Home, About, Features, Pricing, Integration, Blog, Contact) y una columna de image
4.698 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.698 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 Cabecera con logo, menú principal y mega‑dropdown multi‑columna
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Sección de características en cuadrícula de 3 columnas con iconos
- 1.4 Integraciones mostradas en carrusel estático
- 1.5 Contador de métricas clave
- 1.6 Testimonios en tarjetas
- 1.7 Llamada a la acción final con formulario breve
- 1.8 Footer con enlaces, redes y suscripción al boletín
ABOUT
- 2.1 Título y descripción de la empresa
- 2.2 Valores y misión en bloques
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 Footer (reutilizado)
FEATURES
- 3.1 Lista de funcionalidades con iconos y descripciones
- 3.2 Ilustración o video explicativo
- 3.3 Comparativa de planes
- 3.4 Footer
PRICING
- 4.1 Tabla de precios con tres planes
- 4.2 Preguntas frecuentes collapsable
- 4.3 CTA de prueba gratuita
- 4.4 Footer
INTEGRATION
- 5.1 Galería de logotipos de partners
- 5.2 Detalle de integración seleccionada
- 5.3 CTA para solicitar demo
- 5.4 Footer
BLOG
- 6.1 Lista de artículos con imágenes, título, extracto y fecha
- 6.2 Sidebar con categorías y últimos posts
- 6.3 Footer
CONTACT
- 7.1 Formulario de contacto con campos nombre, email, mensaje
- 7.2 Mapa incrustado
- 7.3 Información de contacto y redes
- 7.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
