디자인 시스템 — 한 번 정하고 재사용한다

화면마다 색과 간격을 새로 고민하면 느리고, 결과도 제각각이다. 잘하는 팀은 토큰(색·글꼴·간격의 이름 붙은 값)과 컴포넌트(버튼·카드·입력칸)를 한 번 정하고 조립만 한다. 이 블로그도 그렇다. 어두운 바탕, 민트 강조, Pretendard, 라운드 카드, 알약 배지. 새 페이지는 이 문법을 따라 짓기만 하면 된다.

• 시작은 거창할 것 없다. 색 6개, 간격 6단계, 글꼴 크기 5단계를 CSS 변수로 못 박는 것부터.
• 같은 역할 = 같은 모습. 부품이 두 벌 생기는 순간(버튼 스타일 2종…) 시스템이 아니라 수집이다.
• 남의 시스템을 훔쳐 배운다. 큰 회사들이 디자인 시스템을 문서로 공개한다. 부품 이름 짓는 법부터 배울 게 많다.