Hugging Face brand kit
Hugging Face's public website pairs #FFD21E with #6B7280 accents on a dark carbon canvas, sets headings in Source Sans Pro and uses a rounded UI geometry. 7 of 10 key color pairings pass WCAG 2.1 AA.
Compiled by SuiteAnvil from the public website of huggingface.co. Not affiliated with or endorsed by Hugging Face; Hugging Face and its trademarks belong to their owner. Own huggingface.co? Claim this kit
Logo files
SVG · PNGVector symbol from the Simple Icons project (CC0 path data), drawn in Hugging Face's mark color #FFD21E. The mark itself is a trademark of its owner.
01Brand colors
Click a swatch to copy its hex value| Role | HEX | RGB | Label color on it |
|---|---|---|---|
| Primary | #FFD21E | rgb(255, 210, 30) | #111113 · 13.01:1 |
| Secondary | #FF9D00 | rgb(255, 157, 0) | #111113 · 9.05:1 |
| Accent | #6B7280 | rgb(107, 114, 128) | #FFFFFF · 4.83:1 |
| Surface | #0B0F19 | rgb(11, 15, 25) | #FFFFFF · 19.15:1 |
| Text | #FFFFFF | rgb(255, 255, 255) | #111113 · 18.86:1 |
02Typography
Hugging Face
Clarity at every size
A section title in the brand face
Subsection and card titles
Body copy set in Source Sans Pro at reading size, with a comfortable measure for longer press releases and product pages.
Captions, labels and UI microcopy
#FFD21E #FF9D00 #6B7280
- Headings
- Source Sans Pro
- Not freely licensed here: previewed with Source Sans 3
- Body
- Source Sans Pro
- Not freely licensed here: previewed with Source Sans 3
- Mono / data
- IBM Plex Mono
- Google Fonts family, shown as is
Fonts load through SuiteAnvil's own proxy, so your browser never contacts a font CDN. Licensing a proprietary face is up to you.
03UI geometry & surface
- Radius style
- Rounded · 8-14 px
- Buttons and inputs
- 8px
- Cards and panels
- 16px
- CSS radius scale
- 4px / 8px / 16px
- Surface tone
- Dark carbon
- Canvas · card · border
- #0B0F19 · #101828 · #1E2939
- Dark mode canvas · text
- #13110D · #F5F5F7
04Usage notes
Derived from the public websiteSuiteAnvil derived these notes from the logo, colors and contrast measured on huggingface.co on 11 Nov 2026. They are practical defaults, not Hugging Face's official brand guidelines. Where Hugging Face publishes its own rules, those win.
Clear space
Keep free space of at least half the logo height on every side (dashed line). Nothing else, including text and edges of photos, enters that zone.
Minimum size
- Screen
- 24 px
- 8 mm
Logo height, for the compact symbol (aspect ratio 1.00:1). Below that, use the square icon or set the name in Source Sans Pro instead.
Color pairings that pass WCAG
- AaBody text on surface19.15:1AAA
- AaSecondary text on surface9.99:1AAA
- AaPrimary as link/text on surface13.21:1AAA
- AaButton label on primary13.01:1AAA
- AaSecondary on surface9.19:1AAA
- AaDark mode: text on canvas17.32:1AAA
Large text or decoration only: #6B7280 on #0B0F19 (3.96:1, use #747B89 for body text); #FFFFFF on #FF9D00 (2.08:1, use #474647 for body text); #FFFFFF on #FFFFFF (1.00:1, use #777677 for body text).
Do not recolor
- Use the logo in #FFD21E, in solid black or in solid white only. Do not swap in other palette colors, gradients or tints.
- Avoid placing the #FFD21E logo on #FF9D00 and #FFFFFF: contrast stays below 3:1. Use the white or black version there.
- Do not stretch, rotate, outline, crop or add shadows and effects.
- Do not rebuild the logo from a font; download the file above.
Embed on your site (free)Link the Hugging Face press kit or show the live brand score badge.
A plain text link to the hosted press & brand kit, e.g. in your site footer or press page.
<a href="https://suiteanvil.com/kit/huggingface.co">Press & Brand Kit</a>
The badge links to the audit and updates after each rescan. Score: mean of brand consistency and the share of WCAG 2.1 AA color pairings.
<a href="https://suiteanvil.com/audit/huggingface.co"><img src="https://suiteanvil.com/api/badge/huggingface.co.svg" alt="Brand and WCAG score for huggingface.co by SuiteAnvil" height="20"></a>[](https://suiteanvil.com/audit/huggingface.co)Is this your company? Claim this kit
Verify that you control huggingface.co to turn this into the official Hugging Face press kit: the “verified” label for free, plus a press contact block and whitelabel mode on Pro. Verification takes one meta tag or one DNS TXT record.
Hugging Face brand kit FAQ
Is this the official Hugging Face press kit?
No. SuiteAnvil compiled this kit from the public website of huggingface.co on 11 Nov 2026. It is not affiliated with or endorsed by Hugging Face, and Hugging Face's trademarks belong to their owner. Whoever controls huggingface.co can claim and verify it.
How can I download the Hugging Face logo?
Use the SVG or PNG download at the top of this page; the file is generated in your browser from a vector symbol (Simple Icons, CC0 path data). Check Hugging Face's trademark rules before publishing it.
What are Hugging Face's brand colors?
Primary #FFD21E, secondary #FF9D00 and accent #6B7280, on a #0B0F19 surface with #FFFFFF text (snapshot from 11 Nov 2026). Click any swatch to copy the hex value.
What font does Hugging Face use?
Headings and body text use Source Sans Pro (free stand-in: Source Sans 3). Proprietary faces are previewed with the closest free Google Fonts family, loaded through SuiteAnvil's privacy proxy.
Which Hugging Face color pairings pass WCAG?
7 of 10 key pairings pass WCAG 2.1 AA (4.5:1), for example #FFFFFF on #0B0F19 at 19.15:1 and #B3BCC9 on #0B0F19 at 9.99:1. 3 pairings should be kept for large text or decoration only.
How do I link to this press kit from huggingface.co?
Open "Embed on your site (free)" on this page and copy the footer link or the live score badge. Both point to SuiteAnvil pages that update after every rescan of huggingface.co.
Compiled by SuiteAnvil from the public website of huggingface.co (snapshot 11 Nov 2026). SuiteAnvil is not affiliated with or endorsed by Hugging Face. Hugging Face and its marks belong to their owner.
SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice
Press Kit & Brand Tokens automatically maintained by SuiteAnvil. Build yours from one URL
More on the Hugging Face brand
- Brand vault
- All reference brands