BIENES RAÍCES · Claude Design · HTML

Marenost Inmobiliaria — Prompt de diseño web para Claude AI

★★★★★4,7 1.500 descargas

Inmobiliaria boutique especializada en pisos y villas en costa mediterránea Buscamos la casa que encaja contigo, no la que toca vender.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Genera una web inmobiliaria boutique completa, single-file en HTML con Tailwind CSS por CDN y JavaScript vanilla en un único archivo. Todo el copy en español de España, original, en tono cercano y directo, sin jerga marketinera y sin precios concretos (usa rangos o 'consultar').

MARCA FICTICIA:
- Nombre: Marenost Inmobiliaria
- Sector: inmobiliaria boutique especializada en pisos y villas en costa mediterránea
- Dominio: marenost.com
- Claim: Buscamos la casa que encaja contigo, no la que toca vender
- Email de contacto: hola@marenost.com
- Año: 2025
- Ubicación ficticia: Valencia, con propiedades en Valencia, Denia, Jávea, Altea y Calpe

STACK Y REQUISITOS TÉCNICOS:
- Un solo archivo .html autocontenido
- Tailwind CSS por CDN (https://cdn.tailwindcss.com)
- Tipografía Google Fonts: Roboto (300, 400, 500, 700) para todo el cuerpo y títulos
- JavaScript vanilla embebido para: slider del hero (autoplay 6s, flechas, bullets), tabs de la barra de búsqueda, menú móvil offcanvas, contadores animados al hacer scroll (IntersectionObserver), slider de testimonios
- Imágenes: usa placeholders de https://images.unsplash.com con queries relacionadas (apartment, villa, mediterranean, beach house, real estate agent, city skyline)
- Responsive mobile-first, breakpoint principal lg
- Accesibilidad: aria-labels, contraste correcto, focus visibles

PALETA:
- Fondo claro principal: #FFFFFF
- Gris claro de fondo secciones alternas: #F6F7F9
- Texto principal oscuro: #1A1D24
- Texto secundario: #6B7280
- Acento cálido (botones, precios, etiqueta destacado): #C9A36A (dorado arena)
- Acento hover: #B0894E
- Footer oscuro: #14171C con texto #C7CCD3
- Bordes sutiles: #E5E7EB

TIPOGRAFÍA:
- Roboto para todo
- Títulos H1: 48-56px, weight 500, tracking ajustado
- Títulos H2: 32-40px weight 500
- Cuerpo: 16px weight 400, line-height 1.6
- Precios: weight 700, color acento

HEADER:
- Posición absoluta sobre el hero, fondo transparente, texto blanco
- Logo texto 'marenost' en weight 700 a la izquierda
- Navegación a la derecha: Inicio, Propiedades, Nosotros, Blog, Contacto
- Al hacer scroll, header se vuelve sticky con fondo blanco y texto oscuro (sombra suave)
- En móvil: hamburguesa que abre offcanvas lateral izquierdo con la misma nav

HOME, sección a sección:

1.2 HERO SLIDER:
- Pantalla completa min-height 100vh, imagen de fondo cubriendo todo con overlay oscuro al 35%
- 3 slides con propiedades ficticias diferentes (ej: 'Ático con vistas al mar en Altea', 'Villa moderna entre pinos en Jávea', 'Piso reformado en el centro de Valencia')
- Contenido alineado a la izquierda, ancho máximo 560px, color blanco:
  · Etiqueta pequeña 'Destacado' con fondo acento dorado
  · H2 título de la propiedad
  · Dirección con icono de pin
  · Precio grande con sufijo (/mes o consultar)
  · Lista horizontal de amenities con iconos: camas, baños, m²
  · Botón primario 'Ver ficha'
- Flechas a los lados y bullets abajo centrados, autoplay 6s

1.3 BARRA DE BÚSQUEDA FLOTANTE:
- Tarjeta blanca con sombra grande, superpuesta sobre el final del hero (margin-top negativo)
- Tabs arriba: Comprar / Alquilar / Obra nueva
- Fila de campos: Ubicación (select), Tipo (select: piso, villa, ático, local), Dormitorios (select), Rango de precio (select)
- Botón 'Buscar' grande en acento dorado a la derecha
- En móvil se apilan verticales

1.4 PROPIEDADES DESTACADAS:
- Sección con fondo blanco, padding vertical 96px
- Antetítulo pequeño en acento 'Selección de la semana' + H2 'Propiedades destacadas' + subtítulo gris
- Grid de 3 columnas (1 en móvil) con 6 tarjetas:
  · Imagen con badge 'Destacado' o 'Nuevo' arriba a la izquierda y precio abajo a la izquierda
  · Icono corazón favorito arriba a la derecha
  · Cuerpo: título, dirección con pin, fila de amenities (camas, baños, m²)
  · Pie: tipo de operación + botón texto 'Ver más'
- Sombras suaves, hover eleva la tarjeta

1.5 EXPLORA POR CIUDAD:
- Fondo gris #F6F7F9
- H2 'Explora por zona'
- Mosaico de 6 ciudades (Valencia, Denia, Jávea, Altea, Calpe, Moraira) con imagen de fondo, overlay degradado y texto blanco con nombre + contador 'XX propiedades'
- Layout tipo grid asimétrico: 1 grande + 2 medianos + 3 pequeños

1.6 BANNER CTA VENDER:
- Sección a ancho completo con imagen de fondo de salón luminoso + overlay
- Texto centrado en blanco: H2 '¿Quieres vender o alquilar tu casa?', párrafo breve, dos botones: 'Tasar gratis' (primario dorado) y 'Hablar con un agente' (outline blanco)

1.7 PROPIEDADES RECIENTES:
- Mismo formato que destacadas, 6 tarjetas distintas, sin badge
- Botón 'Ver todas las propiedades' centrado debajo

1.8 NUESTROS AGENTES:
- H2 'Conoce al equipo'
- 4 tarjetas en grid: foto cuadrada con esquinas redondeadas, nombre, especialidad (ej: 'Costa Norte', 'Obra nueva', 'Alquileres premium'), iconos sociales y enlace 'Ver propiedades'
- Nombres ficticios: Lucía Marín, Hugo Ferrer, Aitana Quevedo, Marc Sastre

1.9 CONTADORES:
- Banda con fondo oscuro #1A1D24 y texto blanco
- 4 cifras en columnas con número grande en acento dorado y etiqueta debajo:
  · 480 operaciones cerradas
  · 1.250 familias acompañadas
  · 18 zonas cubiertas
  · 12 años en el sector
- Números animan al entrar en viewport

1.10 ÚLTIMAS DEL BLOG:
- Fondo gris claro
- H2 'Ideas, guías y mercado'
- 3 tarjetas: imagen, categoría pequeña en acento, fecha, título, párrafo breve, enlace 'Leer'
- Títulos ficticios: 'Cómo preparar tu vivienda antes de ponerla en venta', 'Qué mirar en una inspección de villa con piscina', 'Hipoteca fija o variable en 2025: claves para decidir'

1.11 FOOTER:
- Fondo #14171C, padding vertical 80px
- 4 columnas:
  · Logo + descripción breve + iconos sociales
  · Enlaces rápidos (Inicio, Propiedades, Nosotros, Blog, Contacto)
  · Contacto (dirección ficticia en Valencia, teléfono ficticio, hola@marenost.com)
  · Newsletter con input email + botón 'Suscribirme'
- Subfooter con línea separadora: '© 2025 Marenost Inmobiliaria. Todos los derechos reservados.' a la izquierda y enlaces legales a la derecha (Aviso legal, Privacidad, Cookies)

Genera el HTML completo, funcional y listo para abrir en navegador. Que sea elegante, espacioso y con sensación premium mediterránea.

6.171 caracteres · 119 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header transparente con navegación
1.2 Hero slider de propiedades a pantalla completa
1.3 Barra de búsqueda avanzada flotante
1.4 Propiedades destacadas (grid 3 cols)
1.5 Explora por ciudad (mosaico)
1.6 Banner CTA vender
1.7 Propiedades recientes
1.8 Nuestros agentes
1.9 Contadores de cifras
1.10 Últimas del blog
1.11 Footer oscuro 4 columnas

PROPIEDADES

2.1 Header sobre banner corto con título y migas
2.2 Barra de filtros lateral (ubicación, tipo, precio, dormitorios, baños, m²)
2.3 Toggle vista cuadrícula/lista y ordenación
2.4 Listado de propiedades con paginación
2.5 Mapa interactivo lateral o conmutable
2.6 Footer oscuro 4 columnas

NOSOTROS

3.1 Header sobre banner con título Nosotros
3.2 Bloque historia con imagen lateral y texto
3.3 Misión, visión y valores en 3 columnas con iconos
3.4 Contadores de cifras
3.5 Equipo completo en grid
3.6 Testimonios de clientes en slider
3.7 Footer oscuro 4 columnas

BLOG

4.1 Header sobre banner con título Blog
4.2 Listado de artículos en grid de 2-3 columnas
4.3 Sidebar con buscador, categorías, entradas recientes
4.4 Paginación
4.5 Footer oscuro 4 columnas

CONTACTO

5.1 Header sobre banner con título Contacto
5.2 Datos de contacto en 3 tarjetas (dirección, teléfono, email)
5.3 Formulario de contacto + mapa lateral
5.4 Footer oscuro 4 columnas

PROMPTS RELACIONADOS · BIENES RAÍCES

Otros prompts de la misma categoría

Ficha de marca

Nombre: Marenost Inmobiliaria
Sector: Inmobiliaria boutique especializada en pisos y villas en costa mediterránea
Claim: Buscamos la casa que encaja contigo, no la que toca vender

Bloques de la home

1.1 Header transparente sobre el hero con logo a la izquierda y navegación a la derecha (Inicio, Propiedades, Nosotros, Blog, Contacto)
1.2 Hero slider a pantalla completa con imagen de fondo, etiqueta Destacado, título de propiedad, dirección con icono, precio, amenities (camas, baños, m²) y botón Ver ficha; flechas de navegación y bullets
1.3 Barra de búsqueda avanzada flotante sobre el slider (tabs Comprar/Alquilar, campos ubicación, tipo, dormitorios, precio, botón Buscar)
1.4 Sección Propiedades destacadas en grid de 3 columnas con tarjetas (imagen, etiqueta, título, dirección, precio, amenities)
1.5 Bloque Explora por ciudad con mosaico de 4-6 imágenes y contador de propiedades por ciudad
1.6 Banner CTA horizontal a ancho completo con imagen de fondo y botón ¿Quieres vender tu casa?
1.7 Sección Propiedades recientes en grid de 3 columnas con paginación o ver todas
1.8 Bloque Nuestros agentes con tarjetas circulares (foto, nombre, especialidad, contacto)
1.9 Contadores de cifras (propiedades vendidas, clientes felices, ciudades cubiertas, años de experiencia)
1.10 Sección Últimas entradas del blog en grid de 3 columnas (imagen, categoría, título, fecha)
1.11 Footer oscuro con 4 columnas (sobre, enlaces rápidos, contacto, newsletter) y subfooter con copyright

Crea tu propia Skill

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

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Marenost Inmobiliaria — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

PROPIEDADES

NOSOTROS

BLOG

CONTACTO

Otros prompts de la misma categoría

Aurora Inversión

Cumbre Capital

Lumara Salud

Aliviar Hogar