Typography
Typography modes distinguish heading and body roles. The Eafghans mode pairs NewsReader headings with Inter body text. Original specimens retain source typography; this documentation uses Manrope.
Created & adapted by Insan NurjamanChakra UI foundationCurated public preview
Type by role
Source typography choices| Mode / role | Family | Body / size |
|---|
| Inter | Inter | Inter |
|---|
| Geist | Geist | Geist |
|---|
| Eafghans | NewsReader | Inter |
|---|
Design the hierarchy.Keep labels, supporting text, and longer explanations distinct without losing their relationship.
Native documentation specimen · Manrope Keep the source distinction clear
Typography modes distinguish heading and body roles. The Eafghans mode pairs NewsReader headings with Inter body text. Original specimens retain source typography; this documentation uses Manrope.
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 