Tipografía
Título de pantalla
Título de sección
Subsección
Texto de cuerpo, Figtree, 16px mínimo — buena parte del padrón son personas mayores.
Texto chico: etiqueta, ayuda, pie de tabla.
Superficies
Las tres capas de fondo, con su color de texto por defecto. El flip de tema pasa acá, no en cada componente.
Botones
Secundario y ghost sobre las tres superficies: sobre surface-alt el texto de primary da 3.98:1 y no pasa AA (plan §3.1 y §5.5). Se muestra a propósito para que la regla —ahí el texto es ink, no primary— se vea, no para reproducirla en una pantalla real.
Campos
Se usa para el PIN de acceso
Ingresá un correo electrónico válido
Sede donde toma las clases
Se ve en la ficha del alumno
Contá el motivo con al menos 10 caracteres
Tabla
| Alumno | Sede | Día y horario | Plan | Estado | Próximo pago |
|---|---|---|---|---|---|
| Lucía Fernández | Pocitos | Lunes y miércoles 09:00 | 2 veces por semana | Al día | 05/09/2026 |
| Marina Souza | Carrasco | Martes y jueves 18:00 | 2 veces por semana | Pago vencido | vencido 28/07/2026 |
| Ana Pérez | Pocitos | Viernes 10:00 | 1 vez por semana | Esperando | — |
Tooltip
Explica un `<StatusChip>` corto (issue #610). Se abre con hover, con foco de teclado (Tab) y con tap; cierra con Escape.
Pegado al borde derecho de una tabla angosta (issue #653): el caso que antes se cortaba contra el overflow-x-auto de components/ui/table.tsx. Abrilo con hover o con Tab — el texto se lee entero, sin recorte por el borde de la grilla ni por el de la ventana.
| Persona | Estado |
|---|---|
| Lucía Fernández |
Modal
Confirmación destructiva
Dice la consecuencia, no «¿Estás seguro?». Se monta sobre el modal de arriba.
Estado vacío
Dice qué hacer, no solo que no hay nada — `message` y `suggestion` son las dos mitades obligatorias.
No hay clases con lugar para ese filtro.
Probá con «Todas».
Avisos
Sin novedades
Recordatorio
Pago registrado
Cupo casi lleno
No se pudo guardar
Chips de estado
Acento
El dorado es el único token con una regla distinta según el tema. En modo claro nunca es texto, de ningún tamaño: el máximo que da es 2.83:1 sobre papel y no llega ni al umbral de texto grande. Se usa como línea, borde o relleno, donde el color no carga información. En modo oscuro sí funciona como texto (6.18:1 sobre la superficie base) y es el acento natural. El filete debajo de cada título de este catálogo es ese uso, aplicado.
Estado de error
La cara de G7 cuando algo revienta — nunca el cartel del framework. El identificador es el único dato del error real que llega a pantalla; el resto del texto es siempre fijo (issue #660).
Uy, algo no funcionó
Pasó algo que no esperábamos. Podés intentar de nuevo, o volver al inicio. Si el problema sigue, avisale a recepción o a dirección.
Código para soporte: a1b2c3d4
No encontramos esta página
Revisá la dirección o volvé al inicio.