NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete single‑file website for the fictitious brand "Lúcida Visión" (lucidavision.com), a portfolio for an independent filmmaker. Use HTML with Tailwind CSS via CDN and vanilla JavaScript only. Replicate the visual patterns of the source: a fixed header with logo, navigation links (Home, Services, Work, Store, Blog), a cart icon showing item count, and a hamburger menu for mobile. Include an optional top banner alert with a link to an external live site. Implement a page loader animation (SVG spinner) that disappears after content loads.
Palette:
- Primary: #0A0A0A (deep black)
- Secondary: #F5F5F5 (light gray)
- Accent: #E63946 (vivid red)
- Muted: #A8A8A8 (medium gray)
- Background: #FFFFFF
Typography (Google Fonts):
- Heading: "Montserrat", weight 700, tracking -0.02em
- Bo
4.659 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.659 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 Hero con título grande y subtítulo difuminado
- 1.2 Mensaje emergente de aviso con enlace externo
- 1.3 Navegación principal con logo, enlaces a secciones y botón de carrito
- 1.4 Loader de página con animación SVG
- 1.5 Bloque de introducción con texto destacado y llamado a acción
- 1.6 Área de servicios con tarjetas icono‑texto
- 1.7 Galería de trabajos con grid responsive y overlay hover
- 1.8 Sección de tienda con productos destacados y botón "Añadir al carrito"
- 1.9 Blog de noticias con listado de entradas
- 1.10 Footer con enlaces institucionales, redes sociales y newsletter
SERVICES
- 2.1 Título de página y descripción breve
- 2.2 Lista de servicios con iconos, título y párrafo explicativo
- 2.3 CTA para contactar
WORK
- 3.1 Título de proyecto y filtro de categorías
- 3.2 Grid de proyectos con imagen, overlay y enlace a detalle
- 3.3 Paginación simple
STORE
- 4.1 Título de tienda y filtro de productos
- 4.2 Grid de productos con foto, nombre, precio y botón "Añadir al carrito"
- 4.3 Carrito flotante lateral
BLOG
- 5.1 Lista de artículos con imagen, fecha, autor y extracto
- 5.2 Paginación
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Información de contacto y mapa embed
FOOTER
- 7.1 Enlaces rápidos, redes sociales y suscripción al newsletter
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · PODCAST
