PegasPetrolTypography
Two families, one rhythm. Space Grotesk sets display and headings with tight tracking; Inter carries body, UI labels and data.
Space Grotesk
Display and headings. Ships 500 and 600 weights.
Aa Bb Cc 0123456789
Inter
Body, UI labels and data. Ships 400, 500 and 600 weights.
Aa Bb Cc 0123456789
The scale
Each step rendered with the utility you write.
Ship a calmer interface
Design tokens, not decisions
Components teams reuse
Accessible by default
Predictable spacing rhythm
Section heading
Body text carries the bulk of the interface and stays comfortable at longer line lengths.
Secondary body text used inside cards, forms and dense tables.
Caption and helper text
Inline styles
Links, code, quotes and lists.
Every release is documented in the changelog, including token changes.
Install with npm i @pegaspetrol/ui.
"We stopped arguing about spacing the week we adopted PegasPetrol."
- Tokens for color, spacing, radius and elevation
- Accessible primitives with visible focus
- Light and dark parity on every surface