NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "LuzViva Studios" (dominio luzviva.com, email hola@luzviva.com, claim "Imágenes que cuentan historias"). La web debe ser un portfolio de fotografía con las siguientes especificaciones y usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo:
- **Paleta de colores**: #0A0A0A (fondo negro), #FFFFFF (texto blanco), #E53935 (rojo vibrante para acentos), #F5F5F5 (gris claro para fondos secundarios), #212121 (gris oscuro para tarjetas).
- **Tipografía**: "Inter" para títulos y cuerpo, cargada desde Google Fonts, peso 400/600/700.
- **Header**: barra superior fija, logo a la izquierda (texto "LuzViva" en Inter 700, color blanco), menú de navegación horizontal (Home, Portfolio, Blog, About, Contact) con ho
4.412 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.412 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ú colapsable y botón "Get In Touch"
- 2.1 Hero: icono de cámara, badge "Creative Photography", título principal, párrafo descriptivo, botones CTA, imagen hero y varias miniaturas animadas
- 3.1 Galería Masonry: cuadrícula responsiva de imágenes en formato AVIF/JPG con efecto hover
- 4.1 Servicios: fila de tres columnas, cada una con icono circular, título y breve descripción
- 5.1 Testimonios: carrusel automático de citas con foto de cliente y nombre
- 6.1 Footer: logo pequeño, menú secundario (Home, Portfolio, Blog, About, Contact), formulario de newsletter, iconos de redes sociales, copyright
PORTFOLIO
- 1.1 Header reutilizado
- 2.1 Grid de proyectos filtrable por categoría
- 3.1 Cada proyecto muestra miniatura, título y categoría
- 4.1 Footer reutilizado
BLOG
- 1.1 Header reutilizado
- 2.1 Lista de artículos con imagen preview, título, resumen y fecha
- 3.1 Paginación simple
- 4.1 Footer reutilizado
ABOUT
- 1.1 Header reutilizado
- 2.1 Sección sobre el estudio con foto y texto descriptivo
- 3.1 Equipo: tarjetas con foto, nombre y rol
- 4.1 Footer reutilizado
CONTACT
- 1.1 Header reutilizado
- 2.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 3.1 Mapa estático insertado (imagen de placeholder)
- 4.1 Footer reutilizado
PROMPTS RELACIONADOS · FOTOGRAFÍA
