NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Foto Vega" (fotografía callejera) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La página principal debe incluir los siguientes bloques en orden:
1. Header fijo con logo en SVG, menú colapsable móvil (icono hamburguesa) y enlaces anclados a #gallery, #awards, #about, #contact. Incluye iconos de Instagram y LinkedIn.
2. Hero: fondo con tres imágenes superpuestas en mosaico, título grande dividido en dos líneas "HELLO, I’M" y "LUZ CALLEJERA" centrado, subtítulo "Fotógrafo de calle" y ubicación "Basado en Madrid". Añade un pequeño bloque de firma con nombre y año.
3. Sección Galería (id="gallery"): encabezado con número "01" y título "Galería". Slider horizontal con tarjetas de proyecto (imagen, título,
3.507 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.507 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 Cabecera fija con logo y navegación
- 1.2 Hero con imagen destacada, título dividido y descripción breve
- 1.3 Galería de proyectos (slider horizontal con flechas y paginación)
- 1.4 Sección de premios (lista de tarjetas con imagen, título, descripción y año)
- 1.5 Sobre mí (foto a la izquierda, texto a la derecha)
- 1.6 Contacto (formulario de nombre, email, mensaje y datos de contacto rápido)
- 1.7 Footer (enlaces de navegación, redes sociales, copyright)
ABOUT
- 2.1 Encabezado de página con título "Sobre mí"
- 2.2 Texto descriptivo y galería de trabajos destacados
- 2.3 Botón para volver a la homepage
GALLERY
- 3.1 Encabezado de sección con número y título
- 3.2 Grid de imágenes ampliables en lightbox
- 3.3 Filtros de categoría (opcional)
AWARDS
- 4.1 Encabezado con número y título
- 4.2 Lista de premios (tarjeta con imagen, número, descripción y año)
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.2 Información rápida (email y redes sociales)
- 5.3 Mapa estático (opcional)
PROMPTS RELACIONADOS · FOTOGRAFÍA
