# Kings & Queens English Learning — Brand Guide

## Identidad

Instituto de inglés 100% virtual para adolescentes y adultos. Todos los niveles.
Tono: amigable, energético, aspiracional, educativo. Mezcla español e inglés con naturalidad.
WhatsApp: `+54 9 291-4227793`
Instagram: `@kingsandqueens.english`

---

## Paleta de Colores

| Nombre | Hex | RGB | Uso |
|--------|-----|-----|-----|
| Verde Agua | `#73C3B4` | 115, 195, 180 | Fondo principal. Nunca como color de texto. |
| Coral | `#ED6D70` | 237, 109, 112 | Títulos destacados, botones, acentos, badge pills. |
| Azul Grisáceo | `#596E87` | 89, 110, 135 | Texto secundario, cuerpo, íconos sobre blanco. |
| Blanco | `#FFFFFF` | 255, 255, 255 | Cards, texto sobre verde agua o coral. |
| Amarillo Resaltador | `#FFE066` | 255, 224, 102 | Efecto fibra resaltadora bajo texto principal. Alpha 110. |
| Crema Notebook | `#FFF9E6` | 255, 249, 230 | Cards estilo cuaderno en flyers educativos. |
| Teal Línea Grid | `#5EADA0` | 94, 173, 160 | Líneas del patrón de grilla. Alpha 60. |

---

## Tipografías

Todas en Google Fonts. Descargadas por `setup_fonts.py` a `assets/fonts/`.

| Archivo | Fuente | Rol | Uso |
|---------|--------|-----|-----|
| `FredokaOne-Regular.ttf` | Fredoka One | Display/Headline | Títulos grandes, botones CTA, logo "KINGS & QUEENS" |
| `Nunito-SemiBold.ttf` | Nunito SemiBold | Body principal | Texto del cuerpo, subtítulos, listas |
| `Nunito-Regular.ttf` | Nunito Regular | Body secundario | Footer, textos pequeños, detalles |
| `Pacifico-Regular.ttf` | Pacifico | Script accent | "English Learning" del logo, ejemplos en flyers educativos, etiquetas de evento |

---

## Logo (construcción programática)

El logo se dibuja con código (no hay archivo de imagen disponible):

1. **Corona** — Polígono en `#ED6D70`. Forma: 5 puntas superiores (circulares en los tips), base rectangular curva en `#73C3B4` (teal) con puntos decorativos en teal.
2. **"KINGS & QUEENS"** — Fredoka One, `#73C3B4`, tamaño grande. El `&` en Pacifico cursiva `#ED6D70`.
3. **"English Learning"** — Pacifico, `#ED6D70`, centrado bajo el texto principal.

Zona del logo ocupa aprox. 140px de altura (story) en la parte superior central.

---

## Estilo Visual

### Fondo
- Color base: `#73C3B4`
- Grid superpuesto: líneas horizontales y verticales cada 60px, color `#5EADA0`, alpha 60
- El grid se aplica como overlay RGBA compositeado

### Cards de Contenido
- Fondo: `#FFFFFF`
- Borde redondeado: radio 24px
- Sombra suave: offset 4px, blur simulado con capa semi-transparente gris

### Botón CTA
- Fondo: `#ED6D70`
- Borde redondeado: radio 50px (pill)
- Texto: `#FFFFFF` Fredoka One
- Padding: 40px horizontal, 20px vertical

### Badge Pill
- Fondo: `#ED6D70`
- Texto: `#FFFFFF` Fredoka One pequeño
- Forma pill, centrado arriba

---

## Efectos Resaltador (Novedad de Estilo)

Simulan una fibra resaltadora pasada sobre el texto.

- **Implementación:** rectángulo RGBA semi-transparente, levemente rotado (±2°), compositeado DEBAJO del texto
- **Colores:** amarillo `#FFE066` (alpha 110), coral `#ED6D70` (alpha 80), teal `#73C3B4` (alpha 100)
- **Extensión:** el rectángulo se extiende 8px horizontalmente y 3px verticalmente más allá del bbox del texto
- **Máximo 2 colores distintos de resaltador por flyer**
- **Aplicar en:** headline principal, término clave en educativo, frase de impacto en testimonio

---

## Efectos Doodle / Lapicera (Novedad de Estilo)

Simulan trazos de lapicera o bolígrafo hechos a mano.

- **Implementación:** líneas con pequeños offsets random (seed fijo = reproducible) que crean irregularidad natural
- **Color:** generalmente `#ED6D70` o `#596E87`, grosor 3-4px
- **Máximo 3 elementos doodle por flyer**

Tipos disponibles:
- **Underline:** línea ondulada bajo texto (nombre de alumno, subtítulo)
- **Brackets:** corchetes dibujados a mano flanqueando un bloque de texto
- **Squiggle:** acento decorativo S-curve como separador de sección
- **Arrow:** flecha levemente curvada apuntando a CTA

---

## Stickers Decorativos

Dibujados programáticamente, estilo contorno cartoon (sin relleno).

| Sticker | Color | Tamaño típico |
|---------|-------|---------------|
| Estrella 5 puntas | `#ED6D70` o `#FFE066` | 40–80px |
| Planeta (círculo + anillo) | `#73C3B4` o `#ED6D70` | 50–90px |
| Globo terráqueo | `#596E87` | 40–70px |
| Clip de papel | `#596E87` | 30–50px |
| Destello 4 puntas | `#FFE066` | 20–40px |

**Reglas de dispersión:**
- Story: mínimo 4 stickers, máximo 8
- Post: mínimo 3 stickers, máximo 6
- Nunca superponer con zona de contenido, botón CTA, o logo
- Posición reproducible con `random.seed(seed)`

---

## Zonas de Layout (Story 1080×1920)

Aplicar `SCALE = height / 1920` para adaptar a otros formatos.

| Zona | Y inicio | Y fin | Contenido |
|------|----------|-------|-----------|
| Logo | 80 | 220 | Corona + "Kings & Queens" + "English Learning" |
| Badge/Label | 240 | 300 | Pill coral opcional |
| Headline | 320 | 580 | Card blanca o texto directo |
| Sub / Label | 600 | 670 | Subtítulo o categoría |
| Cuerpo | 700 | 1150 | Card principal con texto |
| Extra/Sticker | 1170 | 1520 | Dato adicional + zona stickers |
| CTA | 1550 | 1680 | Botón coral pill |
| Footer | 1730 | 1850 | Logo pequeño + WhatsApp |

---

## Tono y Voz

- **Energético y cercano:** usar signos de exclamación, tuteo
- **Mezcla natural:** palabras en inglés (términos del idioma) en coral, español en grisáceo
- **Aspiracional sin ser pretencioso:** "aprobá tu certificado", "hablá con confianza"
- **Claro y directo:** CTAs accionables ("Inscribite", "Reservá tu lugar", "Empezá hoy")

---

## No Hacer

- No usar colores fuera de la paleta definida
- No poner texto coral sobre fondo coral
- No poner texto verde agua sobre fondo verde agua
- No superponer stickers con texto legible
- No omitir el logo en ningún flyer
- No omitir el footer con WhatsApp