Typography
The reviewed source makes typography and density separate from color theme. Default and Compact use different font-family values; a handoff needs to preserve or explicitly reconcile that decision.
Created & adapted by Insan NurjamanAnt Design foundationCurated public preview
Type by role
Source typography choices| Mode / role | Family | Body / size |
|---|
| Default | Roboto | 14px |
|---|
| Compact | SF Pro Text | 12px |
|---|
Design the hierarchy.Keep labels, supporting text, and longer explanations distinct without losing their relationship.
Native documentation specimen · Manrope Keep the source distinction clear
The reviewed source makes typography and density separate from color theme. Default and Compact use different font-family values; a handoff needs to preserve or explicitly reconcile that decision.
Source family names are documented choices. This native specimen is not a font-parity reproduction of the product UI.
Curated design documentation by Insan Nurjaman. Native examples are illustrative, not a production package or a standards certification.
Explore the story 