Hugging Face

huggingface.co3 colors18 componentsSource Sans ProMulti-page · 12 screens

We’re on a journey to advance and democratize artificial intelligence through open source and open science.

Remix Visit

Remix

Visit

12 screenshots captured· huggingface.co

1 / 12 · Hugging Face – The AI community building the future. · Above the fold

Preview

the generated design system

Switch between the Visual preview, the rendered DESIGN.md and the Raw file.

Design tokens

Extracted from huggingface.co

Primary

#0B0F19

Neutral

#000000

#FFFFFF

Typography · Source Sans Pro

span18px · 700 · 28px

link16px · 400 · 24px

h218px · 600 · 28px

h148px · 700 · 48px

h320px · 600 · 28px

body18px · 400 · 28px

h236px · 700 · 40px

h320px · 700 · 28px

body20px · 400 · 28px

h172px · 700 · 72px

body24px · 400 · 32px

h130px · 700 · 36px

h124px · 600 · 32px

body14px · 400 · 20px

Typography · IBM Plex Mono

h414px · 400 · 20px

h415.04px · 400 · 24px

Spacing

4px

12px

8px

16px

20px

64px

32px

24px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

rgba(0, 0, 0, 0.04) 0px 10px 20px 0px, rgba(0, 0, 0, 0.04) 0px 2px 6px 0px, rgba(0, 0, 0, 0.04) 0px 0px 1px 0px

Components · 18

Remixes of Hugging Face

1 remix

Latest remixes

Huggingface Remixby Daniel A. · Oct 30, 2026