신한카드
Grid Guide
1200px의 가로값으로 PC화면의 레이아웃을 지향합니다.
Page Grid
Page layout
각각의 페이지 활용도에 따라 Width값은 변동성을 지향합니다.
- Main + Sub Main : 1200px
- Sub page 기본값 : 980, 646px
- 본인인증 및 회원가입 : 580px
01_Main + Sub Main
02_Sub page 기본값
03_Sub page_본인인증 및 회원가입
회원가입에서 쓰는 좁은 레이아웃으로 입력필드가 많은 경우 쓰이는 레이아웃으로 정의
Column Guide
4 Column
디바이스 가로값에 따라 모바일 화면의 레이아웃을 지향합니다.
Margin Grid
모든스크린은 좌우 24pt의 공통 마진을 사용합니다
Column Grid
2 Column
Resolution change Guide
해상도가 Width값이 360~ 1099로 변경되면 Gutter는 16으로 유지되며 Column수가 늘어납니다.
이때 Gutter는 유지되며 Column Width가 동일한 비율을 유지하며 늘어납니다.
단 해상도가 Width 1100~1200으로 변경되면 Gutter의 값은 20으로 고정됩니다.
이때 Gutter는 유지되며 Column Width가 동일한 비율을 유지하며 늘어납니다.
단 해상도가 Width 1100~1200으로 변경되면 Gutter의 값은 20으로 고정됩니다.
