Design System

Strnd

헤어살롱 고객 관리 서비스의 디자인 시스템

Colors

Neutral

$white #ffffff
$card-background #f9f8f6
$background #f1f0ec
$border #e4e3dc
$disabled #c8c7bf
$placeholder #a8a79f
$secondary #6b6a62
$primary #2c2b27
$header #141410

Brand

$tint #eaf2e5
$brand #6b8f5e
$shade #3d5435

Status

$success #3b6d11
$warning #ba7517
$danger #a32d2d

Typography

text-24 24 → 32px · 1.33

다람쥐 헌 쳇바퀴에 타고파

text-18 18 → 24px · 1.3

다람쥐 헌 쳇바퀴에 타고파

text-16 16 → 18px · 1.6

다람쥐 헌 쳇바퀴에 타고파

text-14 14 → 16px · 1.43

다람쥐 헌 쳇바퀴에 타고파

text-13 13 → 14px · 1.5

다람쥐 헌 쳇바퀴에 타고파

text-12 12 → 13px · 1.5

다람쥐 헌 쳇바퀴에 타고파

text-label 12 → 13px · 1

다람쥐 헌 쳇바퀴에 타고파

Components

Button — Primary

primary
disabled

Button — Chip

none
active

Button — Check

none
active

Card — StyleCard

none
active

Snackbar

하나 이상의 항목을 선택해주세요.
기본

Textfield

placeholder
value