NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia HAVENIA RESIDENCES, sector inmobiliario de lujo, usando solo HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño analizado:
- Paleta de colores: #1F2937 (gris oscuro), #FFFFFF (blanco), #0EA5E9 (azul cian), #F3F4F6 (gris claro), #111827 (negro profundo).
- Tipografía: Inter para encabezados y body, peso 400-700, tamaños responsivos.
- Header: barra fija, fondo gris oscuro, logo placeholder, enlaces ancla: Home, Propiedades, Artículos, Testimonios, FAQ, botón "Contactar" en azul.
- Hero: sección full‑width con fondo de imagen de alta resolución, título grande centrado (texto: "Vivienda excepcional comienza ahora"), subtítulo en cursiva, párrafo descriptivo y botón de contacto.
-
3.771 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.771 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 Barra de navegación fija con logo y menú ancla
- 1.2 Hero con título destacado, subtítulo y botón de contacto
- 1.3 Sección de características (grid de 6 cards)
- 1.4 Sección de propiedades destacadas (grid de 3 cards)
- 1.5 Sección de artículos recientes (grid de 3 cards)
- 1.6 Testimonios (carrusel de 3 testimonios)
- 1.7 Preguntas frecuentes (acordeón de 4 items)
- 1.8 Footer con información de empresa, enlaces útiles y redes sociales
PROPIEDADES
- 2.1 Encabezado de página con breadcrumb
- 2.2 Filtro de búsqueda y etiquetas
- 2.3 Lista de propiedades en tarjetas con foto, título, ubicación y botón "Ver detalle"
- 2.4 Paginación inferior
- 2.5 Footer (reutiliza del home)
ARTICULOS
- 3.1 Encabezado de blog con barra de búsqueda
- 3.2 Grid de artículos con imagen, título, extracto y fecha
- 3.3 Sidebar con categorías y popular posts
- 3.4 Footer (reutiliza del home)
CONTACTO
- 4.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 4.2 Mapa incrustado y datos de oficina
- 4.3 Footer (reutiliza del home)
PROMPTS RELACIONADOS · VIAJES Y TURISMO
