[Monorepo] 디자인시스템(3) - palette, typography
·
Side Project
이전 포스팅에서 디자인 시스템을 구성하기 위해 vanilla-extract를 선택했다. 이번에는 실제로 vanilla-extract를 사용하여 디자인 시스템을 구성해보자.우선, 내가 직접 디자인을 할 능력이 안돼서, 피그마로 제공되는 디자인을 가져와서 구성해보자.굳이 여러개 찾아볼 필요가 있을까 싶어서, MUI에서 Preview로 제공되는 디자인을 가져와서 구성해보자.MUI Design Systemvanilla-extract로 theme 구성하기theme위를 참고해서 theme을 구성해보자.color palette를 보면 크게 아래와 같이 나뉜다.text : 텍스트의 기본 색상primary : 주요 요소(브랜드) 색상, 버튼, 링크, 강조 요소 등에 사용secondary : 보조 색상, 부차적인 요소, ..