NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia NebulaStream, una plataforma de streaming de vídeo. El proyecto debe ser un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas. Usa la siguiente paleta de colores: #0D0D0D (negro profundo), #1A73E8 (azul eléctrico), #F5F5F5 (gris claro), #FFFFFF (blanco), #FF6F61 (coral para acentos). Tipografía: headings con "Poppins", weight 700; cuerpo con "Inter", weight 400, ambas importadas de Google Fonts.
Estructura y contenido:
1. Header fijo con fondo negro, logotipo (texto NebulaStream en Poppins, color blanco) a la izquierda, menú de navegación con enlaces: Home, About Us, Services, Works, Blog, Contact. Cada enlace abre un dropdown al pasar (Home muestra Home 1‑3, Services muestra Our Services,
4.387 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.387 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 logotipo, menú desplegable y botones de contacto/sociales
- 2.1 Hero de video de fondo con título y descripción animados
- 3.1 Bloque de servicios en cuatro columnas con subtítulo y descripción
- 4.1 Galería de proyectos recientes con tarjetas y filtros
- 5.1 Testimonios en carrusel
- 6.1 Blog destacado con tarjetas de artículo
- 7.1 Footer con enlaces de navegación, suscripción y redes sociales
ABOUT US
- 1.1 Header idéntico al Home
- 2.1 Sección de historia y misión con imagen y texto
- 3.1 Equipo con tarjetas de miembro
- 4.1 Valores en iconos
- 5.1 Footer común
SERVICES
- 1.1 Header
- 2.1 Lista de servicios en tarjetas con iconos
- 3.1 CTA de solicitud de demo
- 4.1 Footer
WORKS
- 1.1 Header
- 2.1 Filtro de categorías
- 3.1 Galería de proyectos en cuadrícula con hover
- 4.1 Modal de detalle de proyecto
- 5.1 Footer
BLOG
- 1.1 Header
- 2.1 Lista de artículos en tarjetas con imagen, título y extracto
- 3.1 Paginación
- 4.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Información de contacto y mapa
- 4.1 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
