NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Obra Lira, estudio de arquitectura y diseño de interiores. Usa HTML estático en un solo archivo, Tailwind CSS mediante CDN y JavaScript vanilla sin dependencias externas. Paleta de colores: #0D1B2A (azul marino profundo), #1B263B (gris azul), #415A77 (gris medio), #778DA9 (gris claro), #E0E1DD (blanco grisáceo). Tipografía: Inter para títulos y cuerpo, peso 400‑600, tamaño base 16px.
Header: barra fija con fondo blanco, logotipo alineado a la izquierda (placeholder SVG), menú horizontal con enlaces Home, About, Services, Projects, Contact y botón destacado “Start a project”. En móvil, colapsa a hamburguesa animada que despliega un panel vertical con los mismos enlaces y páginas utilitarias.
Hero: sección a pantalla completa, fondo negro
4.212 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.212 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 con logotipo y menú principal
- 1.2 Hero con doble título y collage de imágenes
- 1.3 Sección About con subtítulo, descripción y botón CTA
- 1.4 Tarjetas de servicios (2 columnas) con imagen, título y texto
- 1.5 Contador animado de años de experiencia
- 1.6 Footer con enlaces de navegación y datos de contacto
ABOUT
- 2.1 Encabezado de página y breadcrumb
- 2.2 Texto institucional y galería de imágenes
- 2.3 Equipo con tarjetas de miembros
- 2.4 CTA a proyectos
SERVICES
- 3.1 Lista de servicios con iconos y descripciones breves
- 3.2 Slider de casos de estudio
PROJECTS
- 4.1 Grid de proyectos con filtro por categoría
- 4.2 Modal de detalle de proyecto
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa embebido y datos de localización
PROMPTS RELACIONADOS · ARQUITECTURA
