NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia **ArqNova Studios** (arqnova.com), un estudio de arquitectura y diseño interior. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño analizado:
- **Paleta de colores**: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris claro), #8A8A8A (gris medio) y acento #D4A373 (dorado suave).
- **Tipografía**: Google Font "Montserrat" para cabeceras (peso 700) y "Open Sans" para cuerpo (peso 400).
- **Header**: barra fija con logo textual "ArqNova Studios", menú horizontal con enlaces Home, Studio, Services, Cases, News y un botón primario "Contact Us" a la derecha. Incluye icono de hamburguesa para móvil que despliega el mismo menú.
- **Hero**: sección a pantalla completa con fondo de imagen difusa
3.455 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.455 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 Navbar superior con logo y menú principal
- 1.2 Hero con botón de scroll, botón secundario y slider de proyectos
- 1.3 Bloque introducción con subtítulo, año y galería de imágenes responsive
- 1.4 Footer con enlaces de navegación y datos de contacto
ABOUT US
- 1.1 Header con título de la página
- 1.2 Texto descriptivo del estudio y fotos del equipo
- 1.3 Lista de valores y enfoque de diseño
- 1.4 Footer
SERVICES
- 1.1 Header con título de la página
- 1.2 Cuadrícula de tarjetas describiendo cada servicio
- 1.3 Sección de procesos con iconos numerados
- 1.4 Footer
CASE STUDIES
- 1.1 Header con título de la página
- 1.2 Galería de proyectos en cuadrícula con hover overlay
- 1.3 Filtros de categoría
- 1.4 Footer
BLOG
- 1.1 Header con título de la página
- 1.2 Lista de artículos con miniaturas y extractos
- 1.3 Paginación
- 1.4 Footer
CONTACT
- 1.1 Header con título de la página
- 1.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 1.3 Mapa integrado
- 1.4 Footer
PROMPTS RELACIONADOS · ARQUITECTURA
