NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Agencia Andina" (agenciaandina.com). Es un sitio de agencia digital con enfoque minimalista en blanco y negro. Usa solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo.
Paleta de colores: #000000 (negro), #FFFFFF (blanco), #F5F5F5 (gris muy claro) para fondos secundarios.
Tipografía: Inter (font‑family: 'Inter', sans‑serif) para todo el texto, con tamaños H1 48px, H2 36px, H3 24px, cuerpo 16px.
Estructura:
- **Header** fijo en la parte superior: logo a la izquierda (texto "Lumina" en negrita), botón hamburguesa a la derecha que abre un menú lateral, botón "Contrátanos" con borde y texto negro, icono de carrito con contador.
- **Menú lateral** que cubre 75% de la pantalla al deslizarse desde la derecha, fondo negro semi‑tran
4.101 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.101 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, botón de contratación y carrito
- 1.2 Menú lateral con enlaces a Estudio, Trabajo, Noticias y Contacto + íconos sociales
- 1.3 Hero principal con título, descripción y botón de llamada a la acción
- 1.4 Bloque de servicios con tarjetas iconográficas
- 1.5 Portafolio de proyectos en grid de imágenes
- 1.6 Sección de testimonios con carrusel minimalista
- 1.7 Llamada a la acción para contratar servicios
- 1.8 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Bloque de presentación de la agencia con texto y foto
- 2.3 Valores y misión en columnas
- 2.4 Equipo con tarjetas de perfil
- 2.5 Footer
WORK
- 3.1 Header
- 3.2 Galería de proyectos en masonry
- 3.3 Filtro por categoría
- 3.4 Detalle rápido al hacer clic (modal)
- 3.5 Footer
NEWS
- 4.1 Header
- 4.2 Lista de artículos en tarjetas con imagen, título y extracto
- 4.3 Paginación simple
- 4.4 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.3 Mapa estático (imagen de placeholder)
- 5.4 Información de contacto y redes
- 5.5 Footer
PROMPTS RELACIONADOS · DIGITAL AGENCY
