NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa en un único archivo HTML que reproduzca el diseño visual y la estructura del sitio analizado, pero con la marca ficticia Luminara Blog. Utiliza HTML5, Tailwind CSS vía CDN y JavaScript vanilla (sin dependencias externas). La página debe incluir:
- **Paleta de colores**: #0A0A0A (texto principal), #FFFFFF (fondo), #F5F5F5 (bloques suaves), #1A73E8 (enlaces y botones), #E0E0E0 (borde de inputs).
- **Tipografía**: "Inter", sans-serif para todo el texto, con pesos 400 y 700.
- **Header**: barra de navegación fija con fondo semi‑transparente (rgba(255,255,255,0.9)), logo SVG placeholder, menú hamburguesa que cambia entre iconos cerrado/abierto, enlaces: Home, Home B, Home C, About, Contact.
- **Bloque hero**: sección oculta en móviles (opacity 0) que muestra un título gr
3.544 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.544 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 Navbar con logo, iconos de menú abierto/cerrado y enlaces de navegación
- 2.1 Bloque hero (título grande y párrafo) con fondo claro
- 3.1 Lista de artículos del blog en grid (imagen + texto) con efecto hover
- 4.1 Footer de dos bloques de enlaces y créditos
ABOUT
- 1.1 Header simple con título de la página
- 2.1 Texto descriptivo y fotos del equipo
- 3.1 Footer compartido
CONTACT
- 1.1 Header con título de contacto
- 2.1 Formulario de contacto (nombre, email, mensaje) y mapa integrado
- 3.1 Footer compartido
PROMPTS RELACIONADOS · BLOG / REVISTA
