NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **ArqNova** (agencia de arquitectura y diseño digital) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. La web debe replicar el diseño visual y la estructura del template analizado, sin copiar ningún texto literal.
**Alcance**:
- Header fijo con logo a la izquierda, enlaces principales (Home, About, Work, Service, Blog, Contact) y un botón de carrito lateral que despliega un panel con lista de productos simulados.
- Mega‑dropdown bajo el enlace "Pages" con tres columnas: enlaces de navegación general, enlaces internos y páginas utilitarias.
- Hero de inicio con fondo oscuro, título grande, subtítulo y botón CTA "Descubre más".
- Sección de servicios: grid de 3‑4 tarjetas, cada una con ícono
4.264 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.264 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, enlaces principales y dropdown de páginas, botón de carrito lateral
- 2.1 Hero principal con título, subtítulo y botón de llamada a acción
- 3.1 Sección de servicios en cuadrícula de tarjetas con íconos
- 4.1 Galería de proyectos destacados con efecto hover
- 5.1 Testimonios rotantes con foto y cita
- 6.1 Llamado a acción para suscripción al newsletter
- 7.1 Footer con información de contacto, enlaces rápidos y redes sociales
ABOUT
- 1.1 Header interno con breadcrumb y título de página
- 2.1 Texto descriptivo de la agencia con imagen acompañante
- 3.1 Valores y equipo en tarjetas alineadas
- 4.1 Footer común
WORK
- 1.1 Header interno con filtro de categorías
- 2.1 Grid de proyectos con preview y overlay
- 3.1 Paginación o carga incremental
- 4.1 Footer común
SERVICE
- 1.1 Header interno con título de servicio
- 2.1 Detalle del servicio con imágenes y lista de beneficios
- 3.1 CTA para contacto o compra
- 4.1 Footer común
BLOG
- 1.1 Header con título de blog
- 2.1 Lista de artículos en tarjetas con imagen, título y extracto
- 3.1 Sidebar con categorías y búsqueda
- 4.1 Footer común
CONTACT
- 1.1 Header con título de contacto
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa incrustado y datos de localización
- 4.1 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
