NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Show Zenit" (showzenit.com). El proyecto debe estar contenido en un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla en línea. Utiliza la siguiente paleta de colores: fondo oscuro #0A0A0A, texto principal #F5F5F5, acentos #E63946 (rojo) y #2A9D8F (verde agua). Tipografía: headings con "Playfair Display" (Google Fonts) y body con "Inter".
Estructura y componentes:
1. HEADER (persistente)
- Logo a la izquierda (SVG simple).
- Menú de navegación con enlaces: Home, About, Gallery, Contact. Cada elemento tiene un dropdown con opciones ficticias (ej. Home 1, Home 2).
- Botón hamburguesa que muestra/oculta el menú en móvil con transición suave.
- Fondo semi‑transparente y borde inferior fino.
2. HERO SE
4.513 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.513 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 y menú dropdown, botón hamburguesa responsive
- 1.2 Hero con collage de imágenes, video de fondo en bucle y logo central
- 1.3 Intro sticky con títulos animados, párrafo centrado y foto destacada
- 1.4 Footer con enlaces sociales y datos de contacto
ABOUT
- 2.1 Header idéntico
- 2.2 Imagen de cabecera grande con texto overlay
- 2.3 Texto biográfico en columnas, galería de fotos miniatura
- 2.4 Footer idéntico
GALLERY
- 3.1 Header idéntico
- 3.2 Grid de imágenes en mosaico con hover zoom
- 3.3 Lightbox modal al hacer clic
- 3.4 Footer idéntico
CONTACT
- 4.1 Header idéntico
- 4.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 44 Mapa embebido de ubicación
- 4.4 Footer idéntico
PROMPTS RELACIONADOS · ENTRETENIMIENTO
