Dirección de marca · KORA · julio 2026
Todo lo que hace falta para diseñar algo que parezca Vida Rica: los colores exactos, qué se puede poner encima de qué, las dos tipografías y los logotipos. Los valores están muestreados del PDF del manual, no estimados a ojo.
01 / Color
Bloques planos, nunca degradados. Máximo dos saturados por sección más un neutro: con tres se pierde la jerarquía.
#FFCD32
Color señal. Fondos plenos, CTAs, logotipo.
#062982
Contrapunto profundo. Fondos plenos y texto sobre amarillo.
#EF117C
Energía. Es el color de La Mesa.
#F6301D
Tensión editorial. Nunca como fondo dominante.
#FFB7D6
Suavizante. Secciones tranquilas e ilustración.
#84D3E8
Aire y agua. Fondos de respiro.
#B05EBD
Acento puntual. El menos usado del manual.
#FFFCF0
Fondo base cálido. No es blanco puro, y se nota.
#191919
Texto largo. Negro suave, no #000.
#FFFFFF
Página y merchandising.
02 / Combinaciones
Amarillo y azul son inseparables: si aparece uno, el otro debe estar en la misma pantalla.
01 · Firma — 8.52:1
02 · Inversa — 8.52:1
03 · Energía — solo titular
03 / Contraste
Medido con la fórmula WCAG 2.1 sobre los hex reales. Esta tabla no es burocracia: es la razón por la que el amarillo, que es el color señal de la marca, no puede llevar texto blanco encima jamás.
| Combinación | Ratio | Se puede usar para |
|---|---|---|
| Tinta sobre crema | 17.11 | Todo. Es la pareja por defecto para leer. |
| Blanco sobre azul | 12.75 | Todo. |
| Azul sobre crema | 12.41 | Todo. |
| Tinta sobre amarillo | 11.75 | Todo. |
| Tinta sobre rosa | 10.88 | Todo. |
| Tinta sobre celeste | 10.44 | Todo. |
| Azul sobre amarillo | 8.52 | Todo. La combinación firma. |
| Amarillo sobre azul | 8.52 | Todo. |
| Blanco sobre magenta | 4.17 | Solo titulares (≥24px, o ≥19px en negrita). |
| Blanco sobre morado | 4.05 | Solo titulares. |
| Blanco sobre rojo | 3.92 | Solo titulares. |
| Amarillo sobre magenta | 2.78 | Jamás texto. Solo decoración. |
| Blanco sobre amarillo | 1.50 | Prohibido. Es prácticamente invisible. |
La regla corta: párrafos solo sobre crema, blanco, amarillo, rosa o celeste. El azul admite blanco y amarillo. Sobre magenta, rojo y morado, solo titular grande.
04 / Tipografía
Display — Lora
Aa
Cuerpo, negocio y devoción
Titulares, citas y números grandes. Serif de contraste medio, cálida. Entra solo cuando hay que emocionar. Su cursiva es el gesto editorial de la marca.
Cuerpo y UI — Manrope
Aa
Cuerpo, negocio y devoción
Párrafos, formularios, botones, navegación y tablas. El manual la usa para casi todo el andamiaje. Si dudas, Manrope.
Jerarquía
| Rol | Fuente | Tamaño y ajustes |
|---|---|---|
| H1 | Lora 600 | clamp(2.5rem, 6vw, 5rem) · interlínea 1.05 · tracking −0.02em |
| H2 | Lora 600 | clamp(1.75rem, 3.5vw, 3rem) · interlínea 1.12 |
| H3 | Manrope 700 | clamp(1.125rem, 2vw, 1.5rem) · interlínea 1.25 |
| Cuerpo | Manrope 400 | 1.0625rem · interlínea 1.65 |
| Eyebrow | Manrope 600 | 0.75rem · versalitas · tracking 0.14em |
La manuscrita del manual es Amsterdam Three, que es comercial. En web se resuelve con Caveat (Google Fonts) o directamente con los PNG del logotipo. Solo para una o dos palabras decorativas — nunca contenido funcional, así no hay riesgo de accesibilidad.
05 / Logo suite
Cada archivo está en marca/, junto a este HTML. Las
variantes monocromas se generaron del canal alfa del original: no uses
filtros CSS tipo invert, se rompen sobre color.
vida-rica-amarillo.png
vida-rica-azul.png
simbolo-espora-amarillo.png
simbolo-espora-azul.png
la-leonera-blanco.png
la-leonera-mastermind.png
simbolo-triangulo-blanco.png
simbolo-triangulo.png
la-mesa-amarillo.png
la-mesa-color.png
simbolo-ovalo-blanco.png
podcast-organico.png
06 / Arquitectura
Vida Rica es la empresa. La Leonera y La Mesa son productos. Los descriptores no son adorno: son el posicionamiento.
VIDA RICA ← empresa paraguas │ símbolo: espora / lámina de hongo radial │ ├── LA LEONERA · MASTERMIND HOGAR / ← 1 año · con aplicación │ símbolo: triángulo a mano │ ├── LA MESA DE LAS LEONAS ARTE / VÍNCULOS / ← 3–4 meses · pago directo │ símbolo: óvalo a mano │ ├── PODCAST ORGÁNICO ← contenido │ └── Laura Granada ← marca personal (firma script)
La Leonera → HOGAR /
Pertenencia y permanencia: el sitio donde vives el año. Es la casa. En diseño se traduce en algo más estructural, sólido, arquitectónico — triángulo, serif condensada.
La Mesa → ARTE / VÍNCULOS /
Encuentro y creación conjunta. Es la reunión. En diseño se traduce en algo más gestual, humano, dibujado a mano — óvalo, lettering de pincel.
07 / Reglas
#FFFCF0 es el
fondo por defecto; el blanco puro queda para página y
merchandising.