NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Alba Resort" (hotel boutique) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El sitio debe incluir:
- Paleta de colores: #1A202C (gris oscuro), #F7FAFC (blanco casi puro), #E2E8F0 (gris claro), #2B6CB0 (azul profundo) y acento #F6AD55 (naranja suave).
- Tipografía: Inter (sans) para cuerpo y headings, con peso 400/600/800.
- Header fijo con logo SVG (placeholder), menú horizontal (Home, Rooms, Restaurant, Spa, Contact) y botón "Log in/Log out" que cambia según estado (simulado). En móviles, colapsa a hamburguesa que despliega un panel overlay.
- Hero section ocupando la ventana completa, con video autoplay muted de fondo (placeholder URL), overlay oscuro 30% y contenido centrado: título grande "Descubre
3.924 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.924 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 fijo con logo, menú y botón de sesión
- 1.2 Hero principal con título, subtítulo, CTA y vídeo de fondo
- 1.3 Bloque de casos de uso (3 tarjetas sticky) con título, descripción y botón
- 1.4 Sección de estilos y símbolos (grid 3 columnas) con imágenes y textos explicativos
- 1.5 Footer minimalista con enlaces y datos de contacto
CONTACT
- 1.1 Header reutilizado
- 1.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 1.3 Mapa incrustado y datos de ubicación
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · HOTEL Y ALOJAMIENTO