NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia AquaVela, una empresa de alquiler de yates de lujo. El proyecto debe usar HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y los patrones visuales del sitio analizado, sin copiar texto ni imágenes originales.
**Paleta de colores** (usar como variables Tailwind):
- #0A2239 (azul profundo) → primary
- #1E3A5F (azul medio) → secondary
- #F5F5F5 (gris muy claro) → background
- #FFFFFF (blanco) → surface
- #D9E2EC (gris azulado) → border/neutral
- #E63946 (rojo coral) → accent
**Tipografía**:
- Fuente principal: Inter, sans‑serif (cargar desde Google Fonts).
- Usar pesos 400 y 600 para texto y títulos.
**Header**: barra sticky con logo a la izquierda, menú de navegación centrado
4.626 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.626 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, navegación principal, dropdowns y botón Book now
- 2.1 Hero con doble título, descripción y tríple imagen de fondo
- 3.1 Formulario de reserva (destino, fecha, paquete, tipo de barco, botón submit)
- 4.1 Sección de yates: título, pre‑título, descripción, grid de tarjetas con imagen y nombre, botón ver todos
- 5.1 Footer: dirección, teléfono, email, enlaces de navegación y botones de redes
YACHT
- 1.1 Header reutilizado
- 2.1 Lista de yates en formato tarjeta con imágenes y filtro
- 3.1 Detalle de cada yate (no incluido en el HTML original)
ABOUT
- 1.1 Header
- 2.1 Texto institucional y valores
- 3.1 Equipo y fotos
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto simple
- 3.1 Mapa incrustado y datos de ubicación
BLOG
- 1.1 Header
- 2.1 Lista de artículos en cards
- 3.1 Paginación
PROMPTS RELACIONADOS · EDUCACIÓN
