NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática de una agencia de fotografía creativa llamada LuzImagen usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. Emula el diseño visual del ejemplo proporcionado sin copiar texto.
**Paleta de colores**: #0D0D0D (fondo negro), #FFFFFF (texto blanco), #E63946 (rojo accent), #F1FAEE (gris claro), #A8DADC (azul pastel).
**Tipografía**: "Inter" para cuerpo y subtítulos, "Playfair Display" para encabezados, ambas cargadas desde Google Fonts.
**Header**: barra de navegación fija con logo a la izquierda, enlaces Home, Portfolio, Blog, About a la derecha y botón destacado "Contacta" con fondo rojo. Menú hamburguesa para móviles que despliega un overlay.
**Sección 1 – Hero**: icono de cámara (SVG) centrado, badge "Fotografía Creativa" en fondo
3.660 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.660 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 Hero con icono, título, subtítulo y botones "Contacta" y "Ver Portafolio"
- 1.2 Imagen principal del héroe y galería de miniaturas alrededor
- 1.3 Servicios destacados (3 columnas con icono, título y texto breve)
- 1.4 Footer con logo, menú de navegación, enlaces a redes y datos de contacto
PORTFOLIO
- 2.1 Título de sección y filtro de categorías
- 2.2 Grid de imágenes con efecto hover
ABOUT
- 3.1 Texto descriptivo del estudio y foto del equipo
- 3.2 Valores y metodología en tarjetas
BLOG
- 4.1 Lista de entradas con miniatura, título y extracto
- 4.2 Paginación inferior
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa estático y datos de localización
PROMPTS RELACIONADOS · FOTOGRAFÍA
