Typography
General Sans — única família tipográfica do app.
Escala tipográfica
| Uso | fontSize | fontFamily | color |
|---|---|---|---|
| Título de tela | 32 | Semibold | white |
| Título de seção | 24 | Semibold | white |
| Card título | 16 | Semibold | white |
| Card subtítulo | 14 | Medium | white60 |
| Badge / chip | 14 | Semibold | white |
| Label / timestamp | 12 | Medium | white60 |
Exemplos visuais
Título de tela
Embarko — Viagens
32px·Semibold·white
Título de seção
Embarko — Viagens
24px·Semibold·white
Card título
Embarko — Viagens
16px·Semibold·white
Card subtítulo
Embarko — Viagens
14px·Medium·white60
Badge / chip
Embarko — Viagens
14px·Semibold·white
Label / timestamp
Embarko — Viagens
12px·Medium·white60
Regras
Font sizes sempre pares: 12, 14, 16, 18, 20, 24, 32…
Família tipográfica
| Token | Valor |
|---|---|
--font-medium | 'General Sans', sans-serif |
--font-semibold | 'General Sans', sans-serif |
A distinção entre medium e semibold é feita via fontWeight: 500 e 600 respectivamente. A família é sempre a mesma — General Sans.
Uso em web (strings)
/* Web — usar string completa */
font-family: "'General Sans', sans-serif";
/* React Native — usar FontFamily constants */
import { FontFamily } from '@/constants/theme';
fontFamily: FontFamily.medium // weight 500
fontFamily: FontFamily.semibold // weight 600