Tipografía

Las dos fuentes oficiales

Radio Canada Big hace el trabajo monumental. Space Grotesk hace el chasis. No hay una tercera fuente · el monospace también es Space Grotesk, con un truco de OpenType.

Pairings en uso

RCB ancla con presencia, SG sostiene con legibilidad. Estos son los pairings que se repiten en todo el portal y el producto.

El truco del --font-mono

Galilei no tiene fuente monospace. --font-mono apunta a Space Grotesk. El efecto "mono" sale de font-variant-numeric: tabular-nums y letter-spacing controlado. Cero Menlo, cero Space Mono, cero fuente del sistema.

Jerarquía completa · 18 estilos

Dieciocho estilos de texto · espejo literal de Figma, en una sola lista plana. Cada uno con su spec exacto: familia, peso, tamaño, line height, tracking y caja. Spec a la izquierda, render real a la derecha.

Tamaños fijos arriba · fluido en el portal. Los text styles son la fuente con tamaño fijo (espejo de Figma). El portal renderiza display y headings de forma fluida con clamp() via los tokens --fs-display (32→56px), --fs-h1 (26→40px), --fs-h2 (22→36px), --fs-h3 (16→24px), más --fs-banner, --fs-display-sm y --fs-display-xl. Cualquier tamaño crudo fuera de estos tokens es deuda.

Pesos y letter-spacing

Solo cuatro pesos: 400 · 500 · 600 · 700. Cinco letter-spacings tokenizados. Todo lo demás está fuera del sistema.

Sentence case por default

Galilei suena humano y conversacional · Sentence case en todo (títulos, body, botones, labels) sostiene esa voz. La única excepción son los overlines en Space Grotesk con tracking abierto: ese ALL CAPS chiquito ancla sin gritar. El overline va texto plano: sin dot ni bullet decorativo delante. El dot lima es solo funcional (estado, notificación, tab activo, leyenda), nunca adorno antes de un label.

Dos tipos. Solo dos

Galilei no usa bullets genéricos, chevrons ni guiones. Solo el punto lima y el número editorial · cada uno con su momento exacto.

La misma voz, en documentos y slides

La escala de 18 estilos es de producto (pantalla que se opera). Editorial son las superficies que se leen: documentos en pt y slides en px a 1920×1080. El modo sigue la regla de la marca: dark en todo; el claro es una excepción quirúrgica de papelería (membrete y contratos que se firman). Las familias, los 4 pesos y el sentence case se heredan tal cual; lo único que cambia es el tamaño y dónde corta la familia: en slides Radio Canada Big llega hasta 32px (se proyecta a distancia), en documentos el corte baja y desde 11pt ya es Space Grotesk.

Documentos · pt

La escala que el membrete y los contratos ya usan en producción (skill galilei-docs). La muestra va sobre papel porque su territorio es la papelería, la única excepción light de la marca (tokens --edt-*). Un documento digital usa esta misma escala sobre dark, con los alias de texto normales y el acento de vuelta en lima.

Slides · px @1920×1080 · dark

Un deck se proyecta y se lee a metros: todo sube de tamaño. Tres estilos ya existen en el sistema (display-xl, lead, overline-xl) y cuatro son pasos propios del deck. Título de slide nunca menor a 48px.

Regla de herencia. Editorial no es una familia nueva de estilos: es el mismo sistema a otra distancia de lectura. Si un estilo del sistema ya resuelve el caso (lead como body de slide, overline-xl como etiqueta), se reutiliza; solo existen pasos propios donde la distancia lo exige. Cero estados interactivos: nada en editorial tiene hover, focus ni active.

Tipografía que para el scroll

El tercer modo del sistema: producto se opera, editorial se lee, social se scrollea. Una pieza de feed tiene 2 segundos para ganarse el freno del pulgar: todo sube de tamaño y el mensaje se reduce a un gancho. Base = 1080px de ancho (post y story); los demás lienzos escalan proporcional al ancho. Dark por default, lima ≤10%, marca visible en cada pieza.

Lienzos. IG post 1080×1080 · post vertical 1080×1350 · story y reel 1080×1920 · LinkedIn post 1200×1200 y banner 1584×396 · YouTube thumbnail 1280×720 y banner 2560×1440. La escala se define a 1080 de ancho: en un lienzo de otro ancho, multiplica por ancho ÷ 1080. En stories el gancho vive en la zona segura (lejos de la UI de la red).

Regla de herencia. Mismo sistema, otra distancia: el corte de familia sube (Radio Canada Big hasta 56, Space Grotesk desde 40) y el piso de contenido es 40px: si un texto necesita ir más chico que eso, no es contenido de social, es caption o sobra. Un solo hook por pieza, igual que un solo display por vista.