font inspectorWhat font does Supabase use?
Supabase builds its brand entirely on free fonts, which fits an open source company. The fonts are self-hosted on a Supabase asset domain.
Short answer: Supabase uses Inter for body and interface text and Manrope for headlines, with Source Code Pro for code. All three are open source.
Inter
Self-hosted75.6%- CSS name
Inter- Weights
- 450, 500
- Sizes
- 22px · 16px · 15px · 14px · 12px
- Served from
- frontend-assets.supabase.com
Manrope
Self-hosted17.6%- CSS name
Manrope- Weights
- 450, 500, 600
- Sizes
- 46px · 34px · 22px · 16px · 15px · 14px
- Served from
- frontend-assets.supabase.com
Source Code Pro
Self-hosted4.5%- CSS name
Source Code Pro- Weights
- 500
- Sizes
- 13px
- Served from
- frontend-assets.supabase.com
Sizes, weights and spacing by role
These are computed values from the live page, which is what the Font Inspector panel shows when you click each element.
| Role | Font | Size | Weight | Line height | Letter spacing |
|---|---|---|---|---|---|
| Headline | Manrope | 46px | 500 | 1 | normal |
| Subheading | Manrope | 34px | 600 | 1.11 | normal |
| Body text | Inter | 15px | 450 | 1.5 | normal |
| Navigation | Inter | 14px | 500 | 1 | normal |
The main font stack in the CSS:
font-family: Inter, "Inter Fallback", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;- Body text is set at weight 450, a variable font step between Regular and Medium.
- The page also uses a small amount of Departure Mono, a pixel-style monospaced font, for decoration.
Check any site yourself in one click.
Sites change their type without notice. Font Inspector shows the rendered font, size, weight and spacing of any text on supabase.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Inter
The open source interface typeface by Rasmus Andersson.
Can you use it? Yes. Inter is free under the SIL Open Font License.
On Google Fonts: Inter.
Manrope
An open source geometric grotesque by Mikhail Sharanda, with a slightly technical character that suits developer brands.
Can you use it? Yes. Manrope is free on Google Fonts under the SIL Open Font License.
On Google Fonts: Manrope.
Source Code Pro
Adobe’s open source monospaced typeface, designed by Paul D. Hunt.
Can you use it? Yes. It is free on Google Fonts.
On Google Fonts: Source Code Pro.
Finding a font does not license it. More in how to get a font you found, legally.
Get a similar look with a free font
This starter uses Inter, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of Supabase’s brand typeface.
/* Approximates the Supabase look with a free font */
body {
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 2.875rem; /* 46px */
font-weight: 500;
line-height: 1;
}
p {
font-size: 0.9375rem; /* 15px */
font-weight: 450;
line-height: 1.5;
}How we checked
We opened supabase.com in Chrome on September 21, 2026 and read the computed styles of its visible text: the declared font stack, the font actually rendered, and how much of the page’s text each family sets. That is the same data the Font Inspector extension shows under Fonts on this page. We re-check these pages periodically, and the date above shows the last inspection.
Supabase and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Supabase.
Questions & answers
What font does Supabase use on its website?
Supabase uses Inter for body and interface text and Manrope for headlines, with Source Code Pro for code. All three are open source.
Can I use the Supabase font?
Yes. Inter is free under the SIL Open Font License.
How can I check what font Supabase uses myself?
Open supabase.com, then click any text with the Font Inspector extension, or right-click, choose Inspect and look at Rendered Fonts in the Computed tab. Sites change their typography, so checking the live page is the only way to be sure.