NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Nebula Insights" (consultoría de IA) usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El diseño debe replicar la estructura y estilo del sitio analizado:
- **Paleta de colores**: fondo principal #111827 (gris muy oscuro), texto principal #FFFFFF, acentos #3B82F6 (azul), #6EE7B7 (verde claro), #FBBF24 (amarillo).
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para títulos y párrafos, peso 400/600.
- **Header**: barra fija con logo a la izquierda, menú de navegación centrado (Home, About, Service, Blog, Contact) y botón "Contact" a la derecha. Incluye dropdown "Pages" con enlaces organizados en cuatro columnas (Company, Resources, Utility, etc.). Menú colapsable en móviles con icono hamburger.
3.710 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.710 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 contacto
- 1.2 Hero con título, descripción, botón de CTA y carrusel de imágenes
- 1.3 Bloque introductorio con encabezado y párrafo breve
- 1.4 (Sección de servicios – placeholder)
- 1.5 (Sección de casos de estudio – placeholder)
- 1.6 (Sección de testimonios – placeholder)
- 1.7 Footer con enlaces en columnas (Company, Resources, Utility) y datos de contacto
ABOUT
- 2.1 Header repetido
- 2.2 Título de página y párrafo descriptivo
- 2.3 Equipo / valores (placeholder)
- 2.4 Footer
SERVICE
- 3.1 Header
- 3.2 Lista de servicios con iconos y descripciones
- 3.3 CTA de contacto
- 3.4 Footer
BLOG
- 4.1 Header
- 4.2 Lista de artículos en formato grid
- 4.3 Sidebar con categorías y últimas entradas
- 4.4 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Información de ubicación y redes sociales
- 5.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA