huggingface.co

Visit

huggingface.co ↗

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

3 colors18 componentsSource Sans ProMulti-page · 12 screens

huggingface.co — Hugging Face – The AI community building the future.

1 / 12 — Hugging Face – The AI community building the future.

Preview

the generated design system

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

Design tokens

Extracted from huggingface.co

Primary

#0B0F19

Neutral

#000000

#FFFFFF

Typography · Source Sans Pro

span18px · 700

link16px · 400

h218px · 600

h148px · 700

h320px · 600

body18px · 400

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