NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio para la marca Foto Alba (estudio creativo de fotografía) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Reproduce fielmente la estructura y estilo del sitio analizado:
- Paleta de colores: fondo #111111, texto principal #FFFFFF, acentos neón #00FFAA y sombras suaves #222222.
- Tipografía: fuente sans‑serif moderna (inter, roboto) con tamaños h1 4rem, h2 2.5rem, párrafo 1rem.
- Header: barra fija con logo a la izquierda, enlaces ancla (Beneficios, Servicios, Portafolio, Blog, FAQ) centrados y iconos de Instagram y Facebook a la derecha. Menú colapsable en móviles con botón hamburguesa.
- Hero: sección a pantalla completa con fondo oscuro, ilustraciones SVG decorativas a la izquierda y derecha, título grande "Foto Alba", subt
3.810 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.810 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 iconos sociales
- 1.2 Hero con fondo oscuro, ilustraciones decorativas, título grande, subtítulo y CTA implícita
- 1.3 Bloque de introducción con imagen a pantalla completa y texto descriptivo
- 1.4 Sección de confianza con iconos de estrellas y texto "Trusted by 25,000+ clients"
- 1.5 Galería de portafolio con imágenes superpuestas y efecto hover
- 1.6 Footer con enlaces de navegación, redes sociales y datos de contacto
SERVICIOS
- 2.1 Título de sección y breve descripción
- 2.2 Grid de tarjetas con icono, nombre del servicio y párrafo explicativo
- 2.3 CTA "Ver más" bajo el grid
PORTAFOLIO
- 3.1 Título y filtro de categorías
- 3.2 Grid responsive de imágenes con overlay de título y efecto zoom
- 3.3 Botón "Cargar más" al final del grid
BLOG
- 4.1 Lista de artículos con miniatura, título, extracto y fecha
- 4.2 Paginación simple
FAQ
- 5.1 Preguntas frecuentes en acordeón
- 5.2 CTA de contacto al final
CONTACTO
- 6.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 6.2 Mapa estático y datos de ubicación
FOOTER
- 7.1 Logo pequeño, menú secundario, iconos sociales y texto legal
PROMPTS RELACIONADOS · PHOTOGRAPHY
