What fonts does Supabase use?
Measured from the captured homepage: Manrope for headings and Inter for body copy. Explore the original reference, palette and section breakdown below.
Open full Supabase reference →Observed typography
- Heading font
- Manrope
- Body font
- Inter
- System
- Two-family hierarchy
Supabase's website font choices
This page records what the browser rendered on September 21, 2026. It is a research reference for designers and developers comparing real products, not a claim about Supabase's complete brand system.
A single family or a two-font system?
Supabase separates roles: Manrope creates the display voice while Inter handles reading copy and interface detail. Compare the hero, navigation and longer sections in the full reference to see where that contrast matters.
Use the font data with the full layout
Typography only makes sense with its surrounding system. Inspect the full Supabase capture for color tokens, section order and responsive views, then compare it with the measured website font trends across the wider library.
Rebuild the idea, not the brand
Use this as a starting point for an original interface. Replace the source copy, logo and imagery, check the typeface license, and adapt the hierarchy to your content. For a broader set of real references, browse font pairing examples or homepage design examples.
Supabase fonts — FAQ
What font does Supabase use?
Supabase uses Manrope for headings and Inter for body copy in the captured homepage. The values are extracted from the rendered CSS capture and are presented as observed reference data, not an official brand guideline.
Is Manrope free to use?
Licensing depends on the typeface and the project. Check the font foundry or license before shipping it; this page identifies what appeared on Supabase's site and does not grant a license to reuse it.
Where can I see Supabase's full design reference?
Open the Supabase website reference on UI Discovery to inspect the full-page capture, extracted palette, sections and original build prompt.
Fonts are extracted from a captured rendered page and may change as the source site evolves. Learn about the library methodology.