NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a fully responsive single‑file website for the fictitious brand **Lúmina Glaciar** (luminaglaciar.com). Use only HTML, Tailwind CSS via CDN, and vanilla JavaScript. Replicate the visual patterns of the reference template without copying any text or assets.
**Brand brief**
- Agency digital that designs branding and web experiences.
- Claim: "Diseñamos experiencias digitales con claridad y estilo".
- Primary color palette: #1A1A2E (deep navy), #16213E (dark blue), #0F3460 (accent blue), #E94560 (vibrant coral), #F5F5F5 (light gray background), #FFFFFF (white).
- Typography: Headings – "Montserrat", sans‑serif; Body – "Open Sans", sans‑serif. Load both from Google Fonts.
**Layout requirements**
1. **Header** – sticky top bar with logo (placeholder SVG), horizontal navigation (Home, A
4.741 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.741 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 acceso al carrito
- 1.2 Hero con fondo a pantalla completa, título destacado y botón principal
- 1.3 Sección de servicios en tarjetas con iconos y descripción breve
- 1.4 Portafolio tipo grid con imágenes y overlay de proyecto
- 1.5 Testimonios en carrusel simple
- 1.6 CTA de suscripción al newsletter
- 1.7 Footer con información de contacto, enlaces rápidos y redes sociales
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Hero interior con foto del equipo y misión
- 2.3 Timeline de historia de la agencia
- 2.4 Equipo en tarjetas con foto y rol
- 2.5 Footer (reutilizado)
SERVICES
- 3.1 Header
- 3.2 Lista de servicios con iconos y descripciones ampliadas
- 3.3 Proceso de trabajo en pasos numerados
- 3.4 Preguntas frecuentes en accordion
- 3.5 CTA de contacto
- 3.6 Footer
PROJECTS
- 4.1 Header
- 4.2 Galería filtrable de proyectos (categorías)
- 4.3 Detalle de proyecto con imágenes y caso de estudio
- 4.4 Cliente y resultados destacados
- 4.5 Footer
BLOG
- 5.1 Header
- 5.2 Lista de artículos con miniaturas y extractos
- 5.3 Sidebar con categorías y newsletter
- 5.4 Footer
SHOP
- 6.1 Header
- 6.2 Grid de productos digitales con precio y botón de añadir al carrito
- 6.3 Modal de carrito con resumen y checkout sencillo
- 6.4 Footer
CONTACT
- 7.1 Header
- 7.2 Formulario de contacto con campos nombre, email, mensaje
- 7.3 Mapa embed (opcional) y datos de contacto
- 7.4 Footer
PROMPTS RELACIONADOS · EDUCATION
