본문으로 건너뛰기

Lyra 파운데이션

코드 호스팅과 개발 협업 제품을 위한 독립 디자인 시스템입니다. 기존 Git 협업 컴포넌트에 입력, 레이아웃, 상태 유틸리티와 데이터 시각화를 더했습니다.

Polaris 와 다른 점

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

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

성격

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

밀도 density
Polaris default
Lyra compact

촘촘하게(배율 0.97 미만): 표 · 대시보드 · 도구

곡률 corners
Polaris default
Lyra default

Polaris 와 같다

깊이 depth
Polaris soft
Lyra floating

떠 있게: 넓게 퍼진 그림자(shadow-lg 흐림 24px 이상)

선 line
Polaris hairline
Lyra hairline

Polaris 와 같다

포커스 focus
Polaris standard
Lyra standard

Polaris 와 같다

제목 글꼴 heading
Polaris sans
Lyra sans

Polaris 와 같다

한눈에 보기

카드 제목

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

차트