NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "LuzÁurea Studios" (estudio de fotografía creativa) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El proyecto debe incluir las siguientes páginas: HOME, PORTFOLIO, ABOUT, BLOG y CONTACT. Utiliza la paleta de colores: #0A0A0A (fondo principal), #1F1F1F (secciones), #E91E63 (acento neon rosado), #00BCD4 (acento neon azul), #FFFFFF (texto). Tipografía: 'Inter' para títulos y cuerpos, peso 400‑700, cargada desde Google Fonts.
**Header (común):** logo circular (texto "LuzÁurea"), menú horizontal con enlaces Home, Portfolio, Blog, About, Contact y botón destacado "Get In Touch" (color acento). Menú responsive con icono de hamburguesa que despliega un panel vertical.
**Footer (común):** fondo #1F1F1F, logo pequeñ
4.170 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.170 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 logo, menú y botón "Get In Touch"
- 1.2 Hero mini‑hero, badge, título h1, párrafo descriptivo, botones CTA, Imagen hero y collage de miniaturas
- 1.3 Sección de servicios con icono redondo, título y texto breve (3 columnas)
- 1.4 Galería de trabajos en cuadrícula 4‑colores, efecto hover zoom
- 1.5 Testimonios en slider horizontal, avatar y cita
- 1.6 CTA final con texto invitando al contacto y botón grande
- 1.7 Footer con logo pequeño, menú secundario, iconos sociales y copyright
PORTFOLIO
- 2.1 Header reutilizado
- 2.2 Grid de proyectos filtrable por categoría
- 2.3 Cada proyecto abre una lightbox con imágenes ampliadas
- 2.4 Footer reutilizado
ABOUT
- 3.1 Header
- 3.2 Imagen grande a la izquierda, texto de historia a la derecha
- 3.3 Valores del estudio en bloques con iconos
- 3.4 Footer
BLOG
- 4.1 Header
- 4.2 Lista de artículos en tarjetas con imagen, título, extracto y botón "Leer más"
- 4.3 Paginación simple
- 4.4 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto (nombre, email, asunto, mensaje, botón enviar)
- 5.3 Mapa estático integrado
- 5.4 Footer
PROMPTS RELACIONADOS · FOTOGRAFÍA
