onmate 디자인 시스템

공통 프리미티브 7종을 폰 390·태블릿 768·PC 1280 폭으로 나란히 보여 줘요. 모든 프리미티브는 세 구간에서 깨지지 않아야 합니다(규칙 D1).

Button

5가지 variant × 4가지 크기, 아이콘 전용, 비활성 상태

프레임 열기
폰 390
태블릿 768
PC 1280

Card

그림자 없이 헤어라인. 패딩 3종과 interactive

프레임 열기
폰 390
태블릿 768
PC 1280

Badge

의미에 따른 6가지 tone

프레임 열기
폰 390
태블릿 768
PC 1280

Chip

필터 칩. 기본·선택·개수

프레임 열기
폰 390
태블릿 768
PC 1280

Input

Field 로 묶은 Input·Textarea, 도움말과 오류

프레임 열기
폰 390
태블릿 768
PC 1280

EmptyState

명사구 제목 + 보조 문장. 기본·accent·compact·actions

프레임 열기
폰 390
태블릿 768
PC 1280

Skeleton

로딩 자리표시. 스피너 대신 쓰고, 움직임 축소 설정에서는 멈춰요

프레임 열기
폰 390
태블릿 768
PC 1280

@onmate/design-foundation 0.1.1 · 생성 파일