NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de una sola página (HTML único) usando Tailwind CSS CDN y JavaScript vanilla que reproduzca el diseño descrito a continuación para la marca ficticia NebulaPlay.
- Paleta de colores: #0F0F0F (fondo principal), #FFFFFF (texto), #1E90FF (acento azul), #F5F5F5 (gris claro), #FF4500 (rojo‑naranja de detalle).
- Tipografía: "Inter" para headings y body (cargar desde Google Fonts), peso 400‑700.
- Header fijo con fondo semi‑transparente negro, logo SVG (placeholder), menú principal con dropdowns (Demos, Company, Works) y megamenú (Todas las páginas). En versiones móvil, colapsar a hamburguesa que despliega menú lateral.
- Botón “get in touch” con efecto de clip‑reveal y doble icono (SVG). Enlaces sociales (fb, tw, in) con mismo efecto.
- Search overlay que aparece al pulsar íco
3.983 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.983 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 fija con logo y navegación multínivel
- 1.2 Search overlay
- 1.3 Hero con vídeo de fondo y texto hero
- 1.4 Sección "Nuestros Servicios" en grid 4‑col
- 1.5 Bloque de llamado a la acción sobre trabajos recientes
- 1.6 Footer con enlaces de empresa, redes y datos de contacto
ABOUT US
- 2.1 Cabecera (heredada)
- 2.2 Hero estático con título y descripción
- 2.3 Texto descriptivo y timeline de la empresa
- 2.4 Equipo con tarjetas de perfil
- 2.5 CTA y footer
OUR TEAM
- 3.1 Cabecera
- 3.2 Grid de miembros del equipo con foto, nombre y rol
- 3.3 Footer
WORKS
- 4.1 Cabecera
- 4.2 Hero de proyecto destacado
- 4.3 Galería tipo masonry con filtros
- 4.4 Detalle de proyecto (imágenes, vídeo, texto)
- 4.5 Footer
BLOG
- 5.1 Cabecera
- 5.2 Lista de entradas en tarjeta con imagen, título y excerpt
- 5.3 Paginación
- 5.4 Footer
CONTACT US
- 6.1 Cabecera
- 6.2 Formulario de contacto con campos básicos
- 6.3 Mapa incrustado
- 6.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
