본문으로 건너뛰기

Ceres 파운데이션

모바일 커머스, 예약, 로컬 서비스를 위한 시스템. 따뜻한 색상과 넉넉한 곡률을 사용해 상품, 가격과 다음 구매 단계를 쉽게 확인할 수 있게 한다.

Polaris 와 다른 점

Ceres 는 컴포넌트를 따로 갖지 않는다. Polaris 컴포넌트에 테마 손잡이 값을 덮어 모양을 바꾼다. 정하지 않은 손잡이는 Polaris 값을 쓴다.

테마 손잡이색상타이포그래피테두리 · 그림자 · 곡률모션과 포커스차트크기와 레이아웃아이콘

성격

매니페스트의 성격표다. 위성은 Polaris 와 두 축 이상 다르고, 손잡이 값이 이 성격과 맞는지 검사가 본다(계약 문서 「성격」).

밀도 density
Polaris default
Ceres comfortable

여유 있게(1.03 초과): 모바일 · 접근성 · 읽기

곡률 corners
Polaris default
Ceres round

둥글게(1.2 초과)

깊이 depth
Polaris soft
Ceres soft

Polaris 와 같다

선 line
Polaris hairline
Ceres hairline

Polaris 와 같다

포커스 focus
Polaris standard
Ceres standard

Polaris 와 같다

제목 글꼴 heading
Polaris sans
Ceres sans

Polaris 와 같다

한눈에 보기

카드 제목

본문 글자와 보조 글자. 숫자 1,234,567 과 English 가 섞인 줄.

차트