HOTEL Y ALOJAMIENTO · Claude Design · HTML

Marbella Costa — Prompt de diseño web para Claude AI

★★★★★4,8 3.762 descargas

Hotel boutique frente al mar con habitaciones, spa, restaurante y experiencias para huéspedes Despierta con el sonido del mar.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

---

URL de la captura de referencia: https://www.designprompting.com/themes/marbella-costa/theme.jpg

IMPORTANTE — Verificación previa (hazla ANTES de cualquier otra cosa):
Comprueba si tienes la imagen de referencia ADJUNTA como archivo (no como URL en texto).

- Si NO hay imagen adjunta y solo ves la URL → DETENTE. No generes nada.
  Responde únicamente:
  "⚠️ Solo tengo la URL, no la captura. Descárgala desde aquí y adjúntala al chat
  para que pueda replicar el diseño con fidelidad:
  https://www.designprompting.com/themes/marbella-costa/theme.jpg"

- Si la imagen SÍ está adjunta → continúa con las instrucciones de abajo.

---

## Referencia visual
Replica fielmente el diseño de la captura adjunta (estructura, paleta, tipografía).
Si necesitas la imagen como recurso real en la web, es

╩╝◙┼•↔→δ ╣║↓α→←∞ ↓παΦδ╝╠ ♦∩♠└╩├░ µ√═•■∞∞ ■◙ⁿ╬π╦↔ ±²▀◘╩≥
 ≡╫╗┼φµ≥ │║≥♠∞╗∩ →╫ⁿ╣²♣ε ←╦╫∩δ•╣ ┴♦♣Φ╗µ░ δ≤■╫δ┬┼ ←└±┴±
ⁿ ²╔╠π┼φ↓ ║♠ε╡²■┴ δσ▒╦─σ± ♣♦∞Σ╔╝─ ╩↔├π▓╫█ │↔²◘└┴π σδεµ
║∞ δ√▓╬─▒√ ┤∞┬▓╫╫↓ ≡╬└▓╦²ⁿ ▓→■ⁿ─Ω╝ ╠◙└▒╣╡φ φ╝┼♣╫╠φ ←░↑
┬σⁿ ♣♠╫•║Σß ╣∩■τ♣♦║ π±≡╔╗Σ≡ ┼ß∩√─┴╦ ═Σ♣┬╡╠╬ µ█Φ♠┬╝π ◘♠
▒╬±▓ ♣α←σ═π≤ ²Φ╝Στ╣ⁿ ╗╚╬┼▓─╠ ╬ⁿ♣╗φⁿ◙ ╡↓■↔≤ßπ α┴ßß░█≥ ≥
ε•αΣ² ²↓≡├√επ ╗←♣╬±╩┼ ◘≤∞σ◘µπ ╡╬≡┴└↓Φ █←│δ√√╔ ═∩τ■┤∩▀ 
←↔▀≡├╠ εε╦♣♦π╝ ↑╬╩█▀→≤ δ┤═σπ◘◙ █▀║╩↑≥╡ ╫≡²♣║µ√ σ•≤σ┬◘┴
∞╠╫┴╦└² ║└•└▀▓² ←◙→│ß╣φ ♦╫╦∩╔◙│ ■•╣╚↓╝τ ²ⁿΩ┴ⁿß┼ ┴ΦπΣ╠ε
 ┴↔╬α≡µ╔ ░╦╠δ▓└┼ ⁿ┬■║↑↑Φ ⁿ│╡▒→♦→ █╗╝♠♠♠δ σ┬≤╔┬←▒ δ╦≡═ⁿ
■ ◘▓≡♠↑σ≥ ▒≥←╚║│± ≡≥╣█√├│ →╗φ♦╔║≤ ←αΦπαⁿ╗ ♠♠├╬♦◘┴

7.841 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

7.841 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 sticky con logo y menú
1.2 Hero slider pantalla completa con título serif
1.3 Formulario de reserva flotante
1.4 Bienvenida a dos columnas
1.5 Habitaciones destacadas (grid 3)
1.6 Banner parallax con cita
1.7 Servicios del hotel (grid iconos)
1.8 Ofertas y paquetes
1.9 Contadores de cifras
1.10 Galería mosaico
1.11 Testimonios carrusel
1.12 Blog reciente
1.13 CTA newsletter
1.14 Footer 4 columnas + copyright

SOBRE NOSOTROS

2.1 Header + breadcrumb sobre imagen
2.2 Historia del hotel a dos columnas con imagen
2.3 Valores en tres bloques con icono
2.4 Equipo en grid de 4 personas
2.5 Contadores
2.6 Testimonios
2.7 Footer

HABITACIONES

3.1 Header + breadcrumb
3.2 Filtros (tipo, capacidad, precio)
3.3 Listado de habitaciones en grid 2 columnas
3.4 Paginación
3.5 Banner CTA reserva
3.6 Footer

DETALLE HABITACIÓN

4.1 Header + breadcrumb
4.2 Galería grande con miniaturas
4.3 Descripción + características + amenities
4.4 Formulario reserva lateral
4.5 Habitaciones relacionadas
4.6 Footer

SERVICIOS

5.1 Header + breadcrumb
5.2 Intro de servicios
5.3 Grid de servicios con imagen y texto
5.4 Bloque destacado (spa o restaurante)
5.5 Footer

OFERTAS Y PAQUETES

6.1 Header + breadcrumb
6.2 Intro
6.3 Listado de paquetes en tarjetas
6.4 CTA newsletter
6.5 Footer

GALERÍA

7.1 Header + breadcrumb
7.2 Filtros por categoría
7.3 Mosaico de imágenes
7.4 Footer

BLOG

8.1 Header + breadcrumb
8.2 Listado de entradas en grid
8.3 Sidebar (buscar, categorías, recientes)
8.4 Paginación
8.5 Footer

CONTACTO

9.1 Header + breadcrumb
9.2 Mapa
9.3 Datos contacto + formulario
9.4 Footer

FAQ

10.1 Header + breadcrumb
10.2 Acordeón de preguntas por categoría
10.3 CTA contacto
10.4 Footer

PROMPTS RELACIONADOS · HOTEL Y ALOJAMIENTO

Otros prompts de la misma categoría

Ficha de marca

Nombre: Marbella Costa
Sector: Hotel boutique frente al mar con habitaciones, spa, restaurante y experiencias para huéspedes
Claim: Despierta con el sonido del mar

Para que Claude replique el diseño con la mayor fidelidad posible, descarga la captura y adjúntala en tu chat antes de pegar el prompt.

Descargar captura de referencia

Bloques de la home

1.1 Header transparente sticky con logo centrado y menú horizontal
1.2 Hero slider a pantalla completa con imagen de playa, título serif grande y subtítulo cursivo
1.3 Formulario de reserva flotante sobre el hero (check-in, check-out, adultos, niños, botón comprobar)
1.4 Bloque introductorio bienvenida con título serif y texto descriptivo a dos columnas
1.5 Showcase de habitaciones destacadas en grid de 3 tarjetas con imagen, nombre, breve descripción y enlace
1.6 Banner parallax con cita y botón hacia la historia del hotel
1.7 Servicios del hotel en grid de 4-6 iconos (restaurante, spa, piscina, gimnasio, bar, golf)
1.8 Sección ofertas y paquetes con tarjetas horizontales (imagen + texto + precio simbólico)
1.9 Contador de cifras (años, habitaciones, huéspedes, premios)
1.10 Galería tipo mosaico con efecto hover
1.11 Testimonios en carrusel con foto, nombre y comentario
1.12 Bloque blog/noticias con 3 entradas recientes
1.13 CTA newsletter sobre fondo con imagen
1.14 Footer en 4 columnas (sobre, contacto, enlaces, instagram) + barra inferior copyright

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

Diseña con Claude Design

¿Te gusta este theme? Instala Claude Design y crea el tuyo hablando con Claude.

Instalar Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada