NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Lente Alba** (estudio creativo de fotografía y venta de impresiones) usando **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El proyecto debe replicar la estructura visual y de interacción del template analizado, sin copiar texto ni imágenes reales. Utiliza la siguiente paleta de colores y tipografía:
- **Paleta**: Amarillo brillante #F7C600 (acento), Negro profundo #000000 (fondo principal), Blanco puro #FFFFFF (texto), Gris medio #333333 (elementos secundarios).
- **Tipografía**: `font-sans` de Tailwind configurado con la fuente Google "Inter" para títulos y "Montserrat" para cuerpo.
### Estructura general
1. **Header** (sticky, fondo negro) con barra superior que muestra la ubicación "New York, USA" y la h
4.713 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.713 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 Header con barra superior de fecha y menú.
- 2.1 Hero con imagen de fondo y CTA.
- 3.1 Galería de proyectos en grid.
- 4.1 Servicios en columnas con iconos.
- 5.1 Productos destacados en tarjetas.
- 6.1 Sobre nosotros con imagen y texto.
- 7.1 Formulario de contacto.
- 8.1 Footer con enlaces y redes.
PROJECTS
- 1.1 Header reutilizable.
- 2.1 Grid de proyectos con filtros.
- 3.1 Footer.
SERVICES
- 1.1 Header.
- 2.1 Lista de servicios con iconos.
- 3.1 Footer.
SHOP
- 1.1 Header.
- 2.1 Lista de productos en tarjetas con botón "Añadir al carrito".
- 3.1 Carrito modal (JS).
- 4.1 Footer.
ABOUT
- 1.1 Header.
- 2.1 Texto e imagen institucional.
- 3.1 Footer.
CONTACT
- 1.1 Header.
- 2.1 Formulario de contacto (nombre, email, mensaje).
- 3.1 Footer.
PROMPTS RELACIONADOS · FOTOGRAFÍA
