TheNoun Design System

사람과 에이전트가
함께 쓰는 디자인 시스템

검정과 여백으로 말하고, 파랑은 인터랙션에만 씁니다. 모든 화면이 토큰 하나에서 나오고, AI 에이전트도 같은 규칙으로 화면을 그립니다.

시작하기 컴포넌트 보기
Live Showcase — 스크린샷이 아니라 실물입니다

Buttons

Chips

Enterprise File Transfer Active

Form Field

Progress

PDF
계약서.pdf
64%

Steps

✓정보 2파일 3완료

Status

전송 완료 실패
원칙
Minimal Black & White

기본은 흑백. 파랑은 hover·포커스·강조에만 등장한다.

Enterprise 담백함

장식과 과잉 문구를 걷어내고, 필요한 정보만 격식 있게.

단일 파일 지향

화면 하나는 HTML 하나. 빌드 없이 열리고 그대로 배포된다.

Agent-Ready

토큰과 컴포넌트를 사람과 AI 에이전트가 같은 방식으로 소비한다.