Color
변수안에 브랜드컬러, 타이틀, 본문, 포인트, 라인/배경색에서사용되는 컬러를 정의합니다.
컬러값 변수 설정
- 폰트컬러(color), 배경컬러(background-color), 라인컬러(border)으로 구분한다.
- 변수 네이밍은 디자인 Figma에 설정된 값으로 적용한다.
- 프로젝트 초반에 컬러값이 정리가 되지 않을 경우, 먼저 변수 셋팅 후 디자인팀에 현재 설정된 변수 컬러값을 전달하여 불필요한 컬러값들을 정리 하도록 한다.
Primary Color 클래스 변수 및 컬러값
-
$primary
#f8b62d
UI Color 클래스 변수 및 컬러값
-
$font-000000
#000000
Background Color 클래스 변수 및 컬러값
-
$bg_000000
#000000
Line Color 클래스 변수 및 컬러값
-
$line_000000
#000000
-
$line_ffffff
#ffffff