NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia MareaNáutica, una empresa de alquiler y venta de yates de lujo. Usa una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). La paleta de colores debe incluir:
- Azul mar profundo: #0A3D62
- Turquesa brillante: #00A8CC
- Gris neutro oscuro: #2C3E50
- Blanco nieve: #FFFFFF
Tipografía: encabezados con 'Montserrat' (peso 700), cuerpo con 'Open Sans' (peso 400).
Estructura y estilos a replicar del análisis:
HEADER: barra superior transparente, logo a la izquierda, menú centrado (Home, About, Yachts, Contact), botón de carrito con contador a la derecha. En móvil, colapsar a icono hamburguesa.
HERO: sección full‑width con imagen de fondo de mar, superposición oscura, título grande (text‑2xl md:text-5xl, color blanco)
3.722 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.722 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 transparente con logo, menú y carrito
- 1.2 Hero imagen completa con título y CTA
- 1.3 Buscador rápido de embarcaciones
- 1.4 Galería de embarcaciones destacadas
- 1.5 Bloque de beneficios con iconos
- 1.6 Testimonios en carrusel
- 1.7 Footer con información y enlaces
ABOUT
- 1.1 Header (reutiliza del home)
- 1.2 Imagen de portada y texto institucional
- 1.3 Historia con timeline
- 1.4 Equipo con fotos y breves bios
- 1.5 Valores en iconos
- 1.6 Footer
YACHTS
- 1.1 Header
- 1.2 Lista de embarcaciones en grid, filtro por tipo y capacidad
- 1.3 Cada tarjeta con foto, nombre, specs y botón "Reservar"
- 1.4 Paginación
- 1.5 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa incrustado
- 1.4 Información de contacto y horario
- 1.5 Footer
PROMPTS RELACIONADOS · VIAJES Y TURISMO
