NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML) usando Tailwind CSS desde CDN y JavaScript vanilla. La marca es Casas Orion (casasorion.com) con claim "Diseñamos espacios que respiran luz". La paleta de color es neutra y elegante: #FFFFFF (blanco), #F5F5F5 (gris muy claro), #E2E2E2 (gris claro), #333333 (gris oscuro), #000000 (negro). Tipografía: Inter (sans-serif) para cuerpo y espacio, y Playfair Display para encabezados.
Estructura:
- Header (navbar) fijo, logotipo a la izquierda y menú hamburguesa a la derecha que despliega enlaces: Home, Sobre nosotros, Servicios, Proyectos, Blog, Contacto.
- Sección 1 (Hero): fondo de imagen completa con máscara sombreada, título grande "Crear espacios", subtítulo "Contar tu historia", indicador de scroll "(Scroll)". Incluye un enlace al últim
4.078 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.078 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 Hero con título principal y subtítulo, imagen de fondo con máscara y scroll hint
- 1.2 Texto descriptivo en fondo gris con efecto de desplazamiento
- 1.3 Galería destacada de último proyecto
- 1.4 Bloque “El Estudio” con texto y fotos del equipo
- 1.5 Estadísticas numéricas y marquesina de logos de clientes
- 1.6 Sección de Capacidades con tabs para tres áreas de servicio
- 1.7 Footer con enlaces de navegación, redes y datos de contacto
ABOUT
- 2.1 Hero interno con título "Sobre nosotros"
- 2.2 Texto de misión y visión
- 2.3 Equipo con fotos y bios breves
SERVICES
- 3.1 Hero interno con título "Servicios"
- 3.2 Lista de servicios con iconos y descriptores
- 3.3 Tabs interactivos (Residencial, Comercial, Construcción llave en mano)
PROJECTS
- 4.1 Grid de proyectos con filtro por categoría
- 4.2 Detalle de proyecto con galería de imágenes y texto descriptivo
BLOG
- 5.1 Lista de artículos con imágenes resaltadas
- 5.2 Página detalle de artículo con contenido y comentarios
CONTACT
- 6.1 Formulario de contacto simple
- 6.2 Mapa incrustado y datos de localización
PROMPTS RELACIONADOS · REAL ESTATE
