대시보드, 입력 폼, 데이터 그리드 등에서 가장 자주 쓰이는 4가지 폰트 스케일을 추천해 드립니다. 화면 성격에 맞는 크기 세트를 골라 적용해 보세요.
| Section |
|---|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #DFE1E6 |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 1 |
|---|
| borderStyle | solid |
|---|
| 표준 (Standard) 가장 일반적인 업무 화면입니다. 입력 폼이나 그리드가 적당히 배치된 화면에 추천합니다. 대제목 24 화면 최상단 타이틀
소제목 16 섹션/그리드 제목
본문 14 일반 텍스트/라벨 |
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #DFE1E6 |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 1 |
|---|
| borderStyle | solid |
|---|
| 밀집형 (Compact) 수많은 데이터를 담아야 하는 복잡한 조회 화면이나 데이터 그리드에 추천합니다. 대제목 20 화면 최상단 타이틀
소제목 14 섹션/그리드 제목
본문 12 좁은 그리드 데이터 |
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #DFE1E6 |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 1 |
|---|
| borderStyle | solid |
|---|
| 초밀집 (Data-Heavy) 엑셀처럼 대량의 데이터를 한 화면에 빽빽하게 배치하여 비교/조회할 때 필수적입니다. 대제목 16 화면 최상단 타이틀
소제목 13 좁은 그리드 헤더
본문 11 대량 테이블 데이터 |
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #DFE1E6 |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 1 |
|---|
| borderStyle | solid |
|---|
| 가독성형 (Large) 멀리서도 직관적으로 잘 보여야 하는 현황판 대시보드나 주요 지표 모니터링 화면에 추천합니다. 대제목 28 화면 최상단 타이틀
소제목 18 섹션/위젯 제목
본문 16 주요 지표/텍스트 |
|
|