NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia **LuzArte** (estudio fotográfico) usando **HTML, Tailwind CSS CDN y JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y estilo del diseño analizado:
- **Paleta de colores**: #111111 (negro profundo), #FFFFFF (blanco), #E0E0E0 (gris claro), #F5A623 (amarillo cálido acento).
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para títulos y cuerpo, peso 400‑600.
- **Header**: barra sin sombra, logo a la izquierda, menú horizontal (Home, Portfolio, Blog, About, Contact) y botón destacado "Get In Touch" a la derecha. Menú colapsable en móvil con ícono de tres barras.
- **Hero**: icono de cámara pequeño, badge con texto "Creative Photography", título grande centrado "Captivating Visual Stories", párrafo descriptiv
3.838 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.838 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 Cabecera con logo y menú de navegación
- 1.2 Hero: icono mini‑hero, badge "Creative Photography", título principal, párrafo descriptivo, botones "Get In Touch" y "View Portfolio"
- 1.3 Imagen hero grande y collage de miniaturas tipo mosaico
- 1.4 Bloque de atributos: iconos circulares, título y breve descripción (ej. calidad, creatividad, experiencia)
- 1.5 Footer: enlaces de navegación, botón de contacto, datos de la empresa y redes sociales
PORTFOLIO
- 2.1 Cabecera reutilizada
- 2.2 Galería filtrable con tarjetas de proyecto y efectos hover
- 2.3 Pie de página reutilizado
BLOG
- 3.1 Cabecera reutilizada
- 3.2 Lista de artículos con imagen, título, extracto y botón "Leer más"
- 3.3 Sidebar con categorías y últimas entradas
- 3.4 Pie de página reutilizado
ABOUT
- 4.1 Cabecera reutilizada
- 4.2 Sección de presentación con foto del equipo y texto institucional
- 4.3 Valores y misión en bloques con iconos
- 4.4 Pie de página reutilizado
CONTACT
- 5.1 Cabecera reutilizada
- 5.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.3 Mapa insertado con iframe
- 5.4 Información de contacto y redes sociales
- 5.5 Pie de página reutilizado
PROMPTS RELACIONADOS · TECNOLOGÍA