NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Luz Áurea" (luzaurea.com), un estudio de fotografía y video artístico. Usa un único archivo HTML con Tailwind CSS CDN y JavaScript vanilla. La paleta de colores debe incluir #0A0A0A (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris claro), #D4AF37 (dorado suave) y #1E3A8A (azul marino). Tipografía: encabezados con "Playfair Display" (Google Fonts) y cuerpo con "Inter".
Estructura y secciones:
1. Header (navbar) fija, fondo transparente que se vuelve sólido al hacer scroll. Logo a la izquierda, enlaces: Home, Portfolio (dropdown con Subcategorías), About, Services, Contact. Botón de hamburguesa para móvil.
2. Hero: sección a pantalla completa con collage de 4 imágenes de gran tamaño alineadas en forma de cuadrícula asimétrica y un video d
3.671 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.671 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 y menú hamburguesa
- 1.2 Hero de página inicial con collage de imágenes de gran tamaño y vídeo de fondo sutil
- 1.3 Sección introductoria con títulos animados y texto descriptivo al lado de una foto principal
- 1.4 Bloque de galería con imágenes en cuadrícula responsiva
- 1.5 Footer con enlaces rápidos, redes sociales y datos de contacto
ABOUT
- 2.1 Encabezado con foto de fondo y título "Sobre nosotros"
- 2.2 Texto descriptivo sobre la trayectoria y filosofía del estudio
- 2.3 Galería de retratos del equipo
- 2.4 Llamada a la acción para contactar
GALLERY
- 3.1 Cabecera con filtro de categoría
- 3.2 Grid de imágenes con efecto hover y modal lightbox
- 3.3 Paginación de la galería
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, mensaje
- 4.2 Mapa incrustado y datos de ubicación
- 4.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · FOTOGRAFÍA
