NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño visual y la estructura de la web analizada, usando únicamente Tailwind CSS vía CDN y JavaScript vanilla. Marca ficticia: ArquiViva, agencia de arquitectura y diseño de interiores. Dominio: arquiviva.com. Claim: "Construye presencia digital para estudios creativos". Utiliza la siguiente paleta de colores: #0D0D0D (fondo oscuro), #FFFFFF (texto principal), #F2F2F2 (gris claro), #D9A441 (amarillo dorado para acento), #8A8A8A (gris medio). Tipografía: "Inter" para encabezados y cuerpo, peso 400/600/700 según nivel.
Estructura requerida:
1. Header fijo con logo a la izquierda, botón hamburguesa a la derecha y icono de carrito minimalista. El menú hamburguesa abre un overlay oscuro con navegación numerada (01 Home, 0
4.484 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.484 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, menú hamburguesa y acceso al carrito
- 1.2 Menú overlay con navegación numerada
- 1.3 Hero con título grande, subtítulo y botón de solicitud
- 1.4 Bloque de servicios en grid de tres columnas
- 1.5 Galería de proyectos destacados con hover
- 1.6 Contador de métricas (años, proyectos, clientes)
- 1.7 Testimonios en carrusel
- 1.8 Llamada a la acción con formulario breve
- 1.9 Footer con enlaces, datos de empresa y redes sociales
SERVICIOS
- 2.1 Título de sección y descripción breve
- 2.2 Tarjetas de servicio con icono, título y párrafo
- 2.3 Botón de ver más
PORTAFOLIO
- 3.1 Galería filtrable de proyectos
- 3.2 Tarjetas con imagen, título y breve descripción
- 3.3 Lightbox al hacer clic
TESTIMONIOS
- 4.1 Slider de testimonios con foto, nombre y comentario
- 4.2 Navegación mediante flechas y paginación
CONTACTO
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Botón enviar con animación
- 5.3 Información de contacto y mapa incrustado
FOOTER
- 6.1 Enlaces de navegación secundaria
- 6.2 Iconos de redes sociales
- 6.3 Aviso legal y derechos reservados
PROMPTS RELACIONADOS · ARQUITECTURA
