What fonts does shadcn Blocks use?
Measured from the captured homepage: Geist for headings and Geist for body copy.
Open full shadcn Blocks reference →Observed typography
- Heading font
- Geist
- Body font
- Geist
- System
- One family across both roles
How the page is built
shadcn Blocks's captured homepage has 2 sections and 0 inner pages.
- 2 screen
Other sites that use this pair
20 other captured sites use this same pair of fonts.
Captured colors
The captured homepage uses these 3 colors, in capture order.
- #000000
- #640000
- #610000
Styles recorded: Light, Dashboard.
Same category, same heading font
2 of the 67 other captured Developer Tools sites in this library use Geist for headings.
shadcn Blocks's website font choices
Captured September 25, 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?
shadcn Blocks sets headings and body in Geist, so the hierarchy comes from scale and weight.
Compare it across the library
See the website font trends and the font pairing examples.
shadcn Blocks fonts — FAQ
What font does shadcn Blocks use?
shadcn Blocks uses Geist for headings and Geist for body copy in the captured homepage.
Is Geist free to use?
Check the foundry license for Geist before shipping it. This page records what appeared on shadcn Blocks's site and grants no reuse rights.
What colors and sections were captured for shadcn Blocks?
3 colors (#000000, #640000, #610000) and 2 homepage sections, with 0 inner pages.
Which other sites use Geist and Geist?
20 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