페이지 이력

Section

Column

width	50%

패널

1. 컬러 시스템 (Color) 상세 가이드 보기 →

주조색(Primary)은 한 가지만 쓰고, 나머지는 무채색으로 채워야 화면이 깔끔해집니다.

패널

3. 레이아웃 및 간격 전체 간격 보기 →

복잡한 여백 수치 대신, 아래 핵심 규칙만 적용해 보세요.

규칙 1. 관련된 것끼리 묶어주기

숨막히는 간격

이름

홍길동

부서

영업팀

보기 편한 간격

이름

홍길동

부서

영업팀

Column

width	50%

패널

2. 타이포그래피 (Typography) 상세 가이드 보기 →

크기와 굵기만 잘 구분해도 데이터가 한눈에 들어옵니다.

패널

정렬 원칙

패널

4. 컨트롤 속성 (Controls) 상세 가이드 보기 →

자주 쓰는 버튼과 입력창의 형태를 통일하여 시스템의 일관성을 높여 보세요.

버전 비교