NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Aurea Mar" (resort de lujo tropical) usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Mantén la estructura y estilo del diseño original pero con contenido totalmente nuevo en español (España).
**Paleta de colores**: #004E7C (azul mar profundo), #00A8E8 (cian tropical), #F5F5F5 (gris muy claro), #FFFFFF (blanco), #FFB400 (amarillo sol).
**Tipografía**: Heading - "Playfair Display" (serif elegante, importada vía Google Fonts), Body - "Inter" (sans‑serif legible).
**Header**: barra fija con logo textual "Aurea Mar", botón "Reservar" estilo contorno blanco, ícono menú hamburger que al hacer clic despliega un overlay oscuro con enlaces a Home, Experiencias, Ofertas, Galería, Contacto y un bloque con dirección
4.291 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.291 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 Fixed navigation bar with logo, booking button, and access to the hamburger menu
- 1.2 Overlay menu with links to main pages and a resort information module
- 1.3 Full-screen hero with a background image, large title, and call to action
- 1.4 Presentation block with introductory text and two columns of images
- 1.5 3-column grid photo gallery with hover effects
- 1.6 Section featuring highlights displayed as cards with icons and brief descriptions
- 1.7 Special Offers Section with a contrasting background color and a CTA button
- 1.8 Simplified contact form with fields for name, email, and message
- 1.9 Footer with contact information, address, phone number, and links to social media
EXPERIENCES
- 2.1 Internal hero with an image of the selected experience
- 2.2 Detailed description and linked image gallery
- 2.3 Quick Booking Button and Location Map
OFERS
- 3.1 List of Promotions with Highlighted Cards
- 3.2 Filter by room type and dates
- 3.3 Call-to-Action to Apply for the Offer
GALLERY
- 4.1 Masonry-style photo grid
- 4.2 Lightbox on Click
- 4.3 Button to download images
CONTACT
- 5.1 A completed form with fields for name, email, phone number, and message
- 5.2 Interactive Map of the Location
- 5.3 Quick Contact Information and Links to Social Media
PROMPTS RELACIONADOS · TRAVEL AND TOURISM
