본문으로 건너뛰기

Betelgeuse 파운데이션

표현력이 강한 브랜드·랜딩 화면을 위한 네오브루탈 시스템이다. 고대비 색과 두꺼운 테두리, 하드 섀도로 화면에 물성과 존재감을 준다.

Polaris 와 다른 점

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

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

성격

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

밀도 density
Polaris default
Betelgeuse default

Polaris 와 같다

곡률 corners
Polaris default
Betelgeuse sharp

각지게(배율 0.35 이하)

깊이 depth
Polaris soft
Betelgeuse hard

단단하게: 흐림 없이 2px 이상 어긋난 그림자

선 line
Polaris hairline
Betelgeuse bold

굵은 선(2px 이상)

포커스 focus
Polaris standard
Betelgeuse standard

Polaris 와 같다

제목 글꼴 heading
Polaris sans
Betelgeuse sans

Polaris 와 같다

한눈에 보기

카드 제목

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

차트