Color Palette
Color Palette๋ Text, Border, Line, Background ์ปฌ์ ์ต์ํ Guide์ ๋๋ค. Brand Identity (primary) ์ปฌ๋ฌ ์ด์ธ ๋ง์ ์ปฌ๋ฌ๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ์ง์ ๋ ์ปฌ๋ฌ๋ฅผ ํต์ผํ์ฌ ์ฌ์ฉํ๋๋ก ๊ถ์ฅํฉ๋๋ค.
1. Text color
ํ ์คํธ์ ๊ธฐ๋ณธ์ปฌ๋ฌ๋ 'font 1(#111111)'๋ก ์ ์ฉ๋๋ฉฐ, disabled ๋ฑ ์ํฉ์ ๋ง๊ฒ ํ ์ปฌ๋ฌ๋ฅผ ์ฌ์ฉํ๋๋ก ํฉ๋๋ค.
2. Line Color
ํ ์ด๋ธ์ ๋ผ์ธ๊ณผ boder์ ๋ผ์ธ์ผ๋ก ์ฌ์ฉ๋ฉ๋๋ค.
3. BG Color
ํ ์คํธ bg์ ํ ์ด๋ธ top, ์ธํ๋ฐ์ค disabled ๋ฑ์์ ์ฌ์ฉ๋ฉ๋๋ค.
4. BG + Boder Color
textarea ๋ฐ input, select box ์ ์ ์ฉ๋ฉ๋๋ค.
โgrey
bg
#f9f9f9
boder
#CCCCCC
โโโwhite
bg
#ffffff
boder
#CCCCCC
focus
bg
#ffffff
boder
#FF4B4B
primary
bg
#ffffff
boder
#primary
primary_hover
bg
#ffffff
boder
#primary
(opacity 20%)
5. Point Color
์๋ฌ ๋ฐ ํฌ์ปค์ค, ๋งํฌ ๋ฑ์์ ์ฌ์ฉํฉ๋๋ค.
Last updated