NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "VivaNido" (inmobiliaria) usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe replicar fielmente la estructura y estilo del sitio de referencia:
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris claro), #1A73E8 (azul acento), #E0E0E0 (gris medio).
- Tipografía: "Inter" para encabezados y cuerpo, peso 400‑600, tamaños responsivos.
- Header: barra superior con logo a la izquierda, menú horizontal (Home, About, Properties, Blog, Contact), botón CTA "Explore" con borde y fondo azul, ícono hamburguesa para móvil que despliega menú off‑canvas.
- Hero: sección a pantalla completa con imagen de fondo difuminada, título grande "Espacios que inspiran tu vida
3.441 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.441 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 Cabecera con logo, menú y botón CTA
- 1.2 Hero con imagen de fondo, título y tabs con formularios
- 1.3 Sección de clientes (carrusel de logotipos)
- 1.4 Footer con navegación secundaria y datos de la empresa
ABOUT US
- 2.1 Cabecera reutilizada
- 2.2 Bloque de presentación de la empresa con imagen y texto descriptivo
- 2.3 Valores y misión en tarjetas
- 2.4 Equipo con fotos y biografías breves
- 2.5 Footer común
PROPERTIES
- 3.1 Cabecera reutilizada
- 3.2 Grid de tarjetas de propiedades con imagen, título, tipo y botón Ver más
- 3.3 Filtro lateral por tipo y rango de precios
- 3.4 Paginación inferior
- 3.5 Footer común
PROPERTY DETAIL
- 4.1 Cabecera reutilizada
- 4.2 Galería de imágenes en carrusel
- 4.3 Detalles de la propiedad (descripción, características, mapa)
- 4.4 Formulario de contacto rápido
- 4.5 Footer común
BLOG
- 5.1 Cabecera reutilizada
- 5.2 Lista de artículos en tarjetas con imagen, título y excerpt
- 5.3 Sidebar con categorías y últimos posts
- 5.4 Paginación
- 5.5 Footer común
CONTACT
- 6.1 Cabecera reutilizada
- 6.2 Formulario de contacto completo (nombre, email, mensaje)
- 6.3 Mapa incrustado
- 6.4 Información de contacto (teléfono, email, dirección)
- 6.5 Footer común
PROMPTS RELACIONADOS · BIENES RAÍCES
