NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Áurea Espacios" (diseño y arquitectura de interiores) usando solo HTML, TailwindCSS CDN y JavaScript vanilla en un único archivo. El sitio debe replicar la estructura y el estilo del template analizado, sin copiar textos ni imágenes reales.
**Alcance**
- Header fijo con logo SVG placeholder, menú de navegación (Home, About, Projects, Services, Contact) y botón destacado "Get in touch". En móviles, colapsar a icono hamburguesa que abre un panel lateral con información de contacto y enlaces sociales.
- Hero de pantalla completa con imagen de fondo (usar unsplash placeholder), overlay semitransparente, pre‑título, título grande con span coloreado, párrafo descriptivo y botón blanco "Más sobre nosotros".
- Sección "Sobre nosotros" con dos col
4.102 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.102 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 logo, enlaces de navegación y botón "Get in touch"
- 1.2 Hero: imagen de fondo, overlay, pre‑título, título, descripción y botón "Más sobre nosotros"
- 1.3 Sobre nosotros: encabezado, párrafo, botón, imagen acompañante y contador de años
- 1.4 Proyectos: pre‑título, título, botón "Todos los proyectos" y lista de tarjetas de proyecto (fecha, título, imagen)
ABOUT US
- 2.1 Header idéntico al de Home
- 2.2 Bloque de introducción con título, texto y foto
- 2.3 Equipo en tarjetas con foto, nombre y rol
- 2.4 Valores en bloques de icono + texto
PROJECTS
- 3.1 Header común
- 3.2 Galería filtrable de proyectos en rejilla responsive
- 3.3 Cada tarjeta muestra número, título e imagen
- 3.4 Botón para cargar más proyectos
SERVICES
- 4.1 Header común
- 4.2 Lista de servicios en tarjetas con ícono, título y breve descripción
- 4.3 CTA final con formulario de contacto rápido
CONTACT US
- 5.1 Header común
- 5.2 Formulario de contacto (nombre, email, asunto, mensaje) y mapa estático
- 5.3 Información de contacto en columnas (dirección, teléfono, email, redes)
PROMPTS RELACIONADOS · ARQUITECTURA
