NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Fotografía Alba** (estudio creativo de fotografía) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El sitio debe reproducir fielmente la estructura y estética del sitio analizado, sin copiar textos ni imágenes originales.
**Alcance**:
- Header fijo con logo (placeholder SVG), menú ancla (Beneficios, Servicios, Portafolio, Blog, FAQ) y enlaces a Instagram y Facebook como iconos SVG blancos.
- Hero principal con fondo oscuro, título grande en fuente sans‑serif, subtítulo descriptivo, botón CTA "Descubre más" y un collage de tres imágenes placeholder (aspecto futurista) posicionadas con clases Tailwind para overflow y transform.
- Sección "Introduce" con una imagen grande a la izquierda (placeholder) y texto a
4.331 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.331 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 ancla y redes sociales
- 1.2 Hero con título, subtítulo, botón CTA y composición de imágenes decorativas
- 1.3 Bloque de introducción con imagen grande y párrafo explicativo
- 1.4 Área de beneficios/servicios con iconos y texto breve
- 1.5 Galería de portfolio tipo grid, imágenes con efecto hover
- 1.6 Contador de confianza (clientes, proyectos, premios) con iconos
- 1.7 Footer con menú rápido, redes y datos de contacto
SERVICIOS
- 2.1 Título de sección y descripción del servicio
- 2.2 Cards individuales con icono, título y breve texto
- 2.3 CTA para solicitar presupuesto
PORTFOLIO
- 3.1 Galería filtrable por categoría
- 3.2 Lightbox sencillo para ampliar imágenes
BLOG
- 4.1 Lista de entradas recientes con imagen, título y extracto
- 4.2 Paginación simple
CONTACTO
- 5.1 Formulario de contacto básico (nombre, email, mensaje)
- 5.2 Mapa estático incrustado
- 5.3 Información de ubicación y teléfono
PROMPTS RELACIONADOS · PHOTOGRAPHY
