NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
You are Claude Design. Build a complete responsive website for the fictitious brand "Estudio Digital Polar" (estudiodigitalpolar.com). The site must use only a single HTML file with Tailwind CSS CDN and vanilla JavaScript (no build tools). Replicate the visual pattern of a modern digital agency template:
- **Palette**: Primary #0D4C92, Secondary #1E6F9E, Accent #F5A623, Dark #212121, Light #F8F9FA.
- **Typography**: Headings use 'Inter' (font‑weight 700) from Google Fonts, body text uses 'Inter' regular 400. Include `<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">` and apply `font-sans` with Tailwind.
- **Header**: Fixed top navigation, transparent background that becomes opaque on scroll. Logo left, main links (Home, About, Services
4.077 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.077 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ú principal, dropdown mega y botón de contacto
- 1.2 Hero principal: subtítulo, titular, párrafo descriptivo, botón CTA y visual de reviews y usuarios activos
- 1.3 Bloque lateral derecho del hero con tarjetas de servicios (UI/UX, Marketing)
- 1.4 Footer con enlaces institucionales y datos de contacto
ABOUT
- 1.1 Cabecera idéntica a la home
- 1.2 Sección de presentación con imagen y texto descriptivo
- 1.3 Valores y misión en tarjetas
- 1.4 Footer común
SERVICES
- 1.1 Cabecera idéntica
- 1.2 Lista de servicios en tarjetas con iconos
- 1.3 Caso de estudio destacado
- 1.4 Footer común
BLOG
- 1.1 Cabecera idéntica
- 1.2 Grid de artículos con imagen, título y extracto
- 1.3 Sidebar con categorías y suscripción
- 1.4 Footer común
CONTACT
- 1.1 Cabecera idéntica
- 1.2 Formulario de contacto (nombre, email, mensaje) y mapa integrado
- 1.3 Información de contacto y redes sociales
- 1.4 Footer común
PROMPTS RELACIONADOS · DIGITAL AGENCY
