NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado **Agencia Polar** (dominio agenciapolar.com) que reproduzca el diseño visual y la estructura de la plantilla analizada, pero con contenido totalmente original en español de España. Utiliza **HTML estático en un solo archivo**, incluye **Tailwind CSS v3 vía CDN** y **JavaScript vanilla** para interacciones (menús desplegables, overlay de tarjetas, animaciones de barra de progreso).
**Paleta de colores**
- Fondo principal: #0A0A0A (negro casi puro)
- Texto principal: #F1F1EF (casi blanco)
- Acento azul: #1E40AF (azul profundo)
- Azul claro para hover/active: #3B82F6
- Gris para fondos secundarios: #1F2937
**Tipografía**
- Font family: 'Inter', sans‑serif (cargar desde Google Fonts).
- Títulos: peso 700, tamaño variable (h1 4rem, h2 2.5rem, h3 2rem).
- Cue
5.012 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.012 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 Cabecera fija con logo, menú mega‑dropdown y botón "Let's Talk"
- 1.2 Banner hero: título, descripción, imagen de fondo responsive
- 1.3 Galería de demos: tres tarjetas con previsualización y overlay
- 1.4 Bloque Ultra Performance: título, descripción y grid de 4 métricas con barras de progreso
- 1.5 Sección de características: título, párrafo y lista de iconos (placeholder)
- 1.6 Testimonios (placeholder)
- 1.7 Footer: logo, navegación secundaria, formulario de newsletter, datos de contacto
ABOUT US
- 2.1 Cabecera idéntica a Home
- 2.2 Hero interno con título y texto introductorio
- 2.3 Historia / misión con imagen y texto
- 2.4 Valores en columnas
- 2.5 Equipo con tarjetas de perfil
- 2.6 CTA final y footer
SERVICES
- 3.1 Cabecera
- 3.2 Lista de servicios con iconos y descripción breve
- 3.3 Caso de estudio destacado
- 3.4 CTA y footer
WORKS
- 4.1 Cabecera
- 4.2 Grid de proyectos con filtros y overlay interactivo
- 4.3 Detalle de proyecto (imagen, descripción, métricas)
- 4.4 Footer
BLOG
- 5.1 Cabecera
- 5.2 Lista de artículos con tarjeta imagen, título y extracto
- 5.3 Paginación
- 5.4 Footer
CONTACT US
- 6.1 Cabecera
- 6.2 Formulario de contacto con campos nombre, email, mensaje
- 6.3 Mapa incrustado (placeholder)
- 6.4 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 04/06/2026
PROMPTS RELACIONADOS · AGENCIA DIGITAL
