NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. La marca es **Lúmina Viva**, sector de productos de consumo. Utiliza la paleta de colores: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F9FAFB (gris claro), #10B981 (verde acento) y #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para encabezados y body, tamaños escalables usando clases Tailwind.
**Estructura**
- **Header** fijo, fondo blanco, sombra ligera, logo a la izquierda (texto "Lúmina Viva"), menú central con enlaces Home, About, Blog, Contact y botón destacado en azul "Ordena ahora" a la derecha. En móvil, colapsa a hamburguesa que muestra el menú vertical.
- **Sección 1 – Hero** ocupa pantalla completa, fondo gris muy claro, centrado vertical. Título grande en azul (#3B82F6
3.583 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.583 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, menú principal y botón de acción
- 2.1 Hero principal con título, subtítulo y botones CTA
- 3.1 Galería de enlaces visuales a diferentes páginas del sitio
- 4.1 Sección informativa "Qué incluye" con título, descripción y cuadrícula de tarjetas
- 5.1 Pie de página con enlaces de navegación secundaria
ABOUT
- 1.1 Cabecera fija
- 2.1 Hero con título y texto introductorio
- 3.1 Texto descriptivo ampliado y galería de imágenes
- 4.1 Equipo en tarjetas
- 5.1 Pie de página
BLOG
- 1.1 Cabecera fija
- 2.1 Lista de entradas con imagen, título y extracto
- 3.1 Sidebar con categorías y suscripción
- 4.1 Pie de página
CONTACT
- 1.1 Cabecera fija
- 2.1 Formulario de contacto con campos básicos
- 3.1 Información de localización y redes
- 4.1 Pie de página
PROMPTS RELACIONADOS · MISCELÁNEO
