NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Academia Polar** (dominio academiapolar.com, SaaS de transformación de datos en APIs de IA) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Emula el diseño visual del sitio de referencia, manteniendo los siguientes requisitos:
**Paleta de colores** (dark theme):
- Fondo principal: #0A0A0A
- Fondo secundario / cards: #141414
- Texto principal: #E5E5E5
- Texto destacado: #FFFFFF
- Acéntos primarios: #3B82F6 (azul), #EF4444 (rojo), #10B981 (verde), #F59E0B (ambar), #8B5CF6 (púrpura)
- Líneas y bordes: #272727
**Tipografía**: Inter (sans‑serif) para todo el texto, usando peso 400 para párrafos, 600 para subtítulos y 800 para encabezados. Tamaños en escala modular (text‑sm, base, lg, xl, 2xl, 4xl).
4.568 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.568 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 información superior con varios mensajes de anuncio
- 1.2 Header fijo con logo, menú principal y CTA de login/registro
- 1.3 Hero animado: overline, título grande, subtítulo y animación de iconos conectados por líneas
- 1.4 Bloque de características: tres columnas, icono + título + descripción breve
- 1.5 Testimonios: carrusel de tarjetas con foto, nombre y comentario
- 1.6 Planes de precios: dos tarjetas, título, features list y botón
- 1.7 CTA final: texto persuasivo y botón de registro
- 1.8 Footer: logo, navegación secundaria, suscripción a newsletter y redes sociales
PRODUCTOS
- 1.1 Encabezado interno con breadcrumb
- 1.2 Lista de productos en tarjetas con icono, título y breve descripción
- 1.3 CTA de prueba gratuita
CARACTERÍSTICAS
- 1.1 Encabezado interno
- 1.2 Grid de características detalladas con iconos y texto
- 1.3 Video explicativo incrustado
PRECIOS
- 1.1 Encabezado interno
- 1.2 Tabla comparativa de planes con botones de selección
- 1.3 Preguntas frecuentes en acordeón
BLOG
- 1.1 Lista de artículos con miniatura, título, extracto y fecha
- 1.2 Sidebar con categorías y últimos posts
CONTACTO
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Mapa incrustado y datos de contacto
ACERCA DE
- 1.1 Historia y misión de la empresa
- 1.2 Equipo con fotos y roles
- 1.3 Valores y cultura
PROMPTS RELACIONADOS · EDUCATION
