Back to Library
H

Hugging Face

Hugging Face

Visit Website

AI模型社区。黄色品牌,模型卡片网格,开源社区设计

黄色品牌模型卡片开源社区AI模型Hub协作

Color Palette

primary
secondary
background
surface
text
muted
border

Typography

Heading FontInter, system-ui, sans-serif
Body FontInter, system-ui, sans-serif
Base Size16px
Line Height1.5
Weights400, 500, 600, 700

Heading Scale

h1Hugging Face Heading
h2Hugging Face Heading
h3Hugging Face Heading
h4Hugging Face Heading

DESIGN.md

# Hugging Face Design System

## Visual Theme & Atmosphere
AI模型社区。黄色品牌,模型卡片网格,开源社区设计

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #FFD21E | Brand color |
| Secondary | #FFC107 | Hover/secondary |
| Background | #FFFFFF | Main canvas |
| Surface | #F5F5F5 | Cards, panels |
| Text | #1A1A1A | Primary text |
| Muted | #6B7280 | Secondary text |
| Border | #E5E7EB | Dividers |

## Typography Rules
- **Heading Font**: Inter, system-ui, sans-serif
- **Body Font**: Inter, system-ui, sans-serif

- **Base Size**: 16px
- **Line Height**: 1.5
- **Weights**: 400, 500, 600, 700

## Component Stylings
- **Buttons**: Primary accent color, clean rounded style
- **Cards**: Surface background, subtle borders, hover states
- **Navigation**: Clean, brand-colored indicators

## Agent Prompt Guide
Use Hugging Face's design language: AI模型社区.
Primary color #FFD21E on #FFFFFF background.
Typography: Inter.

Frequently Asked Questions

What is Hugging Face's design style?

AI模型社区。黄色品牌,模型卡片网格,开源社区设计

What is Hugging Face's primary color?

Hugging Face uses #FFD21E as primary color, #FFFFFF for background, and #1A1A1A for text.

What fonts does Hugging Face use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 16px.

How to use Hugging Face design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Hugging Face's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems