What fonts does Storybook use?
Measured from the captured homepage: Nunito Sans for headings and Nunito Sans for body copy.
Open full Storybook reference →Observed typography
- Heading font
- Nunito Sans
- Body font
- Nunito Sans
- System
- One family across both roles
How the page is built
Storybook's captured homepage has 17 sections and 6 inner pages.
- 12 content
- 2 showcase
- 1 features
- 1 hero
- 1 statement
Other sites that use this pair
2 other captured sites use this same pair of fonts.
Captured colors
The captured homepage uses these 3 colors, in capture order.
- #ffffff
- #0d1026
- #1778e9
Styles recorded: Light.
Same category, same heading font
0 of the 67 other captured Developer Tools sites in this library use Nunito Sans for headings.
Storybook's website font choices
Captured September 21, 2026. Read it with the full reference, where the palette, section order and responsive views sit next to the type.
A single family or a two-font system?
Storybook sets headings and body in Nunito Sans, so the hierarchy comes from scale and weight.
Compare it across the library
See the website font trends and the font pairing examples.
Storybook fonts — FAQ
What font does Storybook use?
Storybook uses Nunito Sans for headings and Nunito Sans for body copy in the captured homepage.
Is Nunito Sans free to use?
Check the foundry license for Nunito Sans before shipping it. This page records what appeared on Storybook's site and grants no reuse rights.
What colors and sections were captured for Storybook?
3 colors (#ffffff, #0d1026, #1778e9) and 17 homepage sections, with 6 inner pages.
Which other sites use Nunito Sans and Nunito Sans?
2 other captured sites use this same pair of fonts. The links on this page go to the first ones in library order.
Fonts come from the rendered capture and may change when the site does. Library methodology