홈 대표 시스템 소개 컬러 타이포그래피 아이콘 레이아웃 · 스페이싱 글래스 · 블러 카탈로그 · 53 폼 · 입력 액션 · 버튼 내비게이션 오버레이 데이터 표시 피드백 · 상태 레이아웃 디자인 원칙

Foundations

아이콘

일관된 1.75px stroke의 라인 아이콘 세트. UI에는 이모지를 쓰지 않고 항상 시스템 아이콘을 사용합니다. icon('name', size) 헬퍼로 호출합니다.

사이즈

텍스트 옆 11–14px, 카드/리스트 18px, 피처 22–28px.

11px

14px

18px

22px

28px

전체 세트

45개 — 이름을 클릭하면 호출 코드가 복사됩니다.

사용 규칙

권장

· 색은 currentColor 상속 — 보통 Purple 또는 Dim
· 같은 화면에서는 같은 사이즈로 정렬
· 텍스트와 수직 중앙 정렬

금지

· 이모지로 아이콘 대체
· stroke 두께 임의 변경·채우기(fill) 추가
· 의미 없는 장식용 남용