NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia Lúmina Sonata (luminasonata.com). Usa exclusivamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Respeta la siguiente paleta de colores: #1a1a1a (fondo oscuro), #ffffff (texto principal), #f5a623 (acento anaranjado), #e2e8f0 (gris claro), #000000 (negro para iconos). Tipografía: Inter para títulos y párrafos, peso 400-700, importada desde Google Fonts.
Estructura:
- Header: barra fija con logo circular (placeholder), texto "Hola, soy Alex. Diseñador" a la izquierda, menú colapsable en móvil, enlaces: Portfolio, Blog, Pricing, Testimonials, FAQ y botón destacado "Get Started". Incluye ícono de carrito (sin funcionalidad) con contador.
- Hero: sección full‑width con badge pequeño (icono placeholder), imagen
4.114 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.114 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, presentación y menú colapsable
- 1.2 Hero con badge, imagen y copy introductorio
- 1.3 Sección Portfolio (grid 3 columnas, imágenes con overlay)
- 1.4 Sección Blog (tarjetas con título, fecha y extracto)
- 1.5 Sección Pricing (cards con planes y botón CTA)
- 1.6 Sección Testimonials (carrusel automático)
- 1.7 Sección FAQ (acordeón de preguntas)
- 1.8 Footer con información de contacto, enlaces y suscripción
PORTFOLIO
- 2.1 Grid de proyectos (imagen, título, categoría)
BLOG
- 3.1 Lista de artículos (imagen, título, snippet, leer más)
PRICING
- 4.1 Cards de planes (nombre, precio ficticio, características, botón)
TESTIMONIALS
- 5.1 Carrusel de testimonios (foto, nombre, comentario)
FAQ
- 6.1 Acordeón de preguntas frecuentes (título, contenido)
CONTACT
- 7.1 Formulario simple (nombre, email, mensaje, botón enviar)
FOOTER
- 8.1 Enlaces de navegación, redes sociales y datos de la marca
PROMPTS RELACIONADOS · AGENCIA DIGITAL
