NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Lumenara, una agencia digital, usando HTML y Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y estilo del sitio original:
- **Paleta de colores**: #0F172A (navy oscuro), #1E293B (gris azul profundo), #64748B (gris medio), #F1F5F9 (gris muy claro), #FFFFFF (blanco), #3B82F6 (azul primario para botones y enlaces).
- **Tipografía**: 'Inter', sans‑serif para títulos y cuerpo; tamaños de texto escalables usando clases Tailwind como `text-4xl`, `text-lg` etc.
- **Header**: barra fija con logo (texto "Lumenara" en azul primario y icono SVG simple), menú horizontal con enlaces Home, About, Services, Portfolio, Blog, Contact, dropdown "Pages" con links internos, y un ícono de carrito que muestra c
4.399 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.399 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 Barra de navegación fija con logo, enlaces principales, dropdown y carrito
- 1.2 Hero con título, subtítulo, botón CTA y visual
- 1.3 Servicios en tarjetas
- 1.4 Portfolio filtrable en cuadrícula
- 1.5 Testimonios en carrusel
- 1.6 Blog destacado
- 1.7 CTA newsletter
- 1.8 Footer con datos de contacto y enlaces
ABOUT
- 2.1 Cabecera con imagen de fondo y título
- 2.2 Texto descriptivo de la agencia y valores
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 CTA para contactar
SERVICES
- 3.1 Lista de servicios con iconos y descripciones ampliadas
- 3.2 Caso de estudio destacado
- 3.3 Preguntas frecuentes en acordeón
- 3.4 CTA de contratación
PORTFOLIO
- 4.1 Filtros de categoría
- 4.2 Galería de proyectos en tarjetas con hover
- 4.3 Modal de detalle de proyecto
- 4.4 CTA para ver más trabajos
BLOG
- 5.1 Lista de artículos con imágenes, título, excerpt y fecha
- 5.2 Sidebar con categorías y newsletter
- 5.3 Paginación
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado
- 6.3 Información de oficina y redes sociales
FOOTER
- 7.1 Navegación secundaria
- 7.2 Datos de contacto y copyright
- 7.3 Iconos de redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
