ToolTools
Typescale
Generate a harmonious type scale from a base size and a ratio.
What it is
Typescale lets you pick a base font size and a ratio (major third, perfect fourth, golden ratio) and previews the resulting heading and body sizes in your chosen font, then exports CSS. A quick way to get consistent, intentional type sizes.
Why it’s here
Most agent-generated pages have arbitrary heading sizes. Pick a scale here and put the values in your CSS variables; consistency is most of what makes typography look designed.
Best for
- setting heading sizes
- consistent typography
- design tokens
Can my agent use this?
Agent good agent friendlinessPartly. Choose a scale and paste the CSS output to your agent, or simply tell it the ratio ("use a 1.25 type scale from 16px").
Good: Publicly accessible and useful to reference, but the agent will need to interpret it rather than install it.
Access methods
- Public website
- Copy/paste
Related resources
Typewolf 
Typewolf
What's trending in type, with real sites showing each font in use.
Websitelimited agent friendlinessStaff pickFontsource 
Fontsource
Self-host any open-source font with an npm install.
PackageFreeOpen sourceexcellent agent friendlinessAccessible Palette 
Accessible Palette
Build colour scales where every step has predictable, accessible contrast.
ToolFreegood agent friendlinessHaikei 
Haikei
Generate blobs, waves, gradients and patterns as SVG backgrounds.
ToolFreelimited agent friendliness