Carrito Iniciar sesión
EDUCACIÓN · Claude Design · HTML

Escuela Polar — Prompt de diseño web para Claude AI

Plantillas de documentación técnica para startups y empresas SaaS Plantilla lista para publicar tu documentación en minutos.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Escuela Polar — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Create a complete single‑file website for the fictitious brand **Escuela Polar** (domain escuelapolar.com). The site must reproduce the visual design pattern of a technical documentation template using **HTML, Tailwind CSS (CDN), and vanilla JavaScript** only. Follow these specifications: **General** - Use a dark‑neutral background (#1A1A1A) with accent color #00C4B4 and light text #FFFFFF, secondary text #A0A0A0. - Primary font: "Inter", weight 400/600/700, loaded from Google Fonts. Headings use 700, body uses 400. - Layout width max‑width 1208px, centered, responsive with mobile‑first breakpoints (sm:640px, md:768px, lg:1024px). - Include a favicon placeholder. **Header** (sticky, top‑0, opacity transition on scroll) - Left: logo placeholder (svg or img) with alt "Escuela Polar logo".
4.602 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.602 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Escuela Polar — home completa
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ú principal, dropdown "Pages", enlace a soporte y selector de idioma
  • 1.2 Hero: título grande, descripción, botones CTA y carrusel de screenshots en grid 2‑col
  • 1.3 Sección "Qué incluye": encabezado, párrafo y grid de 3 tarjetas con icono/imagen y contador
  • 1.4 Footer: enlaces de navegación secundarios, redes sociales y datos de contacto

PAGES (ejemplo Docs, Changelog, Support)

  • 1.1 Header idéntico al de Home
  • 1.2 Breadcrumb de navegación
  • 1.3 Título de página y descripción breve
  • 1.4 Contenedor de contenido principal con tabla de contenidos lateral y bloque de texto
  • 1.5 Footer igual que Home
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/07/2026
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría