Isotipo
El símbolo de IA Book — conceptos explorados, concepto canónico y casos de uso.
El isotipo le da a la marca vida fuera del wordmark: favicon, avatar, sello en portadas, app icon, marca de agua. Debe ser legible a 16x16px y memorable a cualquier escala.
Concepto canónico — C "Lomo + líneas"
Un lomo de libro (bracket tipográfico) del que emergen tres líneas horizontales: contenido, flujo, estructura. Las líneas decrecen en opacidad para sugerir profundidad. Minimalismo extremo.
Conceptos explorados
El brand book exploró cuatro direcciones. El concepto A (Lomo + líneas) fue elegido como canónico e implementado como Concepto C en el portal.
CONCEPTO A — LOMO + LÍNEAS
Bracket tipográfico + tres líneas horizontales. Funciona como favicon 16px y como sello grande. La dirección más versátil.
CONCEPTO B — PÁGINAS APILADAS
Tres rectángulos apilados con desplazamiento diagonal. La página frontal en teal, las posteriores en trazo sutil. Más literal.
CONCEPTO C — LIBRO ABIERTO ABSTRACTO
Dos planos angulados que convergen en un eje central — un libro visto desde arriba. Lado izquierdo en teal (IA), lado derecho en crema (oficio).
CONCEPTO D — MONOGRAMA IB
Las iniciales "i" y "B" integradas dentro de un rectángulo que evoca una portada. Dirección más clásica/editorial.
Estado
Todos los conceptos son bocetos del brand book. El Concepto A fue implementado como isotipo canónico del portal en components/brand/Isotipo.tsx. Un diseñador puede refinar proporciones y grosor.
Casos de uso
| Contexto | Tamaño | Variante |
|---|---|---|
| Favicon | 16px | Teal sobre transparente |
| Avatar / perfil | 32–64px | Light o dark según fondo |
| Sello en portada | 64–128px | Mono o teal según composición |
| App icon | 512px+ | Light con padding generoso |
| Marca de agua | Variable | Mono, opacidad reducida |
Área de protección
Alrededor del isotipo se reserva un margen mínimo igual a x = 25% del ancho del símbolo. Ningún elemento externo (texto, imagen, otro logo) puede invadir esa zona.
Tamaños mínimos
- Isotipo: mayor o igual a 16px. Por debajo pierde definición.
- Wordmark: mayor o igual a 80px de ancho en pantalla; 20mm en impresión.
Mínimo estricto
El componente Isotipo del portal acepta size como prop pero no debe instanciarse con valores menores a 16.