Lockups
Combinaciones de isotipo + wordmark — horizontal, vertical y compacto.
Tres configuraciones de lockup según contexto. La elección depende del espacio disponible y del formato de la pieza.
Horizontal
Isotipo + wordmark lado a lado. La altura del isotipo iguala la cap-height del wordmark. Gap generoso (~14px).
Cuándo: headers de web, firmas de email, papelería, cualquier contexto con espacio lateral generoso.
IA Book
Vertical
Isotipo arriba, wordmark debajo, centrados. El isotipo puede ser 1.2–1.5x el ancho del wordmark.
Cuándo: portadas editoriales, avatares cuadrados, contextos donde el wordmark corona el isotipo.
IA Book
Compacto
Isotipo reducido (~22px) + wordmark al lado. Gap 8px.
Cuándo: pie de email, tooltip, créditos, marca de agua, contextos de espacio reducido.
IA Book
En el portal
El nav del portal usa el lockup horizontal compacto — isotipo 35px + wordmark 24px, gap 4px. El footer usa isotipo 36px + wordmark 24px, gap 6px. Ver components/brand-link.tsx y components/site-footer.tsx.
Resumen
| Lockup | Cuándo | Geometría |
|---|---|---|
| Horizontal | Headers, firmas, papelería | Lado a lado. Altura iso = cap-height. Gap ~14px |
| Vertical | Portadas, avatares cuadrados | Iso arriba, wordmark abajo. Iso 1.2–1.5x ancho |
| Compacto | Pie, tooltip, créditos | Iso ~22px + wordmark al lado. Gap 8px |