NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia de arquitectura y diseño de interiores llamada LíneaEspacio Studio. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: fondo #F7F7F7, texto principal #1A1A1A, acentos #4A90E2 (botones y enlaces) y #D9D9D9 (borde de tarjetas). Tipografía: Inter var, peso 400‑600, importada de Google Fonts.
Estructura:
- Header fijo con logo a la izquierda, menú multi‑nivel (Pages, Inner Pages, Utility) y botón de carrito iconado (SVG blanco) que muestra número de ítems.
- Hero a pantalla completa con imagen de fondo difusa, título grande, subtítulo y botón CTA primario (#4A90E2) y secundario transparente.
- Sección Servicios: grid 3‑col, tarjetas con ícono SVG, título y breve descripción, hover eleva tarjeta y cambia bo
3.550 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.550 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, menú multi‑nivel y botón de carrito
- 2.1 Hero principal con fondo a pantalla completa y llamado a la acción
- 3.1 Sección de servicios en cuadrícula de tres columnas
- 4.1 Galería de proyectos con tarjetas con overlay
- 5.1 Área de blog con últimos artículos en lista
- 6.1 Testimonios en carrusel
- 7.1 Footer con enlaces, redes y datos de contacto
ABOUT
- 1.1 Header interno con breadcrumb
- 2.1 Texto descriptivo del estudio y equipo
- 3.1 Valores y misión en bloques iconográficos
- 4.1 CTA a contacto
- 5.1 Footer estándar
SERVICES
- 1.1 Header interno con título
- 2.1 Lista de servicios en tarjetas con icono y descripción
- 3.1 Sección de casos de estudio destacados
- 4.1 CTA a proyecto
- 5.1 Footer estándar
PROJECTS
- 1.1 Header interno con filtro de categorías
- 2.1 Grid de proyectos con imágenes hover
- 3.1 Paginación
- 4.1 Footer estándar
PROJECT SINGLE
- 1.1 Galería de imágenes del proyecto
- 2.1 Descripción detallada y datos técnicos
- 3.1 CTA a solicitud de presupuesto
- 4.1 Footer estándar
BLOG
- 1.1 Lista de artículos con imagen, título y extracto
- 2.1 Sidebar con categorías y últimos posts
- 3.1 Footer estándar
BLOG SINGLE
- 1.1 Título del artículo y contenido completo
- 2.1 Área de comentarios (placeholder)
- 3.1 Footer estándar
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 Información de ubicación y mapa incrustado
- 3.1 Footer estándar
PROMPTS RELACIONADOS · ARQUITECTURA
