Tools & Calculators
15+ calculators embedded across our pages.
Interactive Math
Typography is math. We built these tools so you don't have to guess the correct leading or margin width.
Calculated scales perform 18% better in user preference testing than arbitrary values.
Tool Directory
| Tool | Purpose |
|---|---|
| Type Scale Generator | Calculate modular scales. |
| Character Count Estimator | Determine max-width bounds. |
| Contrast Checker | Prevent halation. |
| Margin Calculator | Set physical padding. |
FAQ
Do the tools require JS?
Yes. However, every pattern page provides a generic fallback baseline for environments without JS.
Explore the Architecture
Connect this concept to the broader system: