본문으로 건너뛰기

Lumen 파운데이션

AI, 웰니스와 프리미엄 생산성 화면을 위한 앰비언트 글래스 시스템이다. 반투명 패널, 부드러운 보라·청록 광원과 명확한 상태 피드백으로 프롬프트부터 결과 확인까지 연결한다.

Polaris 와 다른 점

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

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

성격

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

밀도 density
Polaris default
Lumen comfortable

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

곡률 corners
Polaris default
Lumen round

둥글게(1.2 초과)

깊이 depth
Polaris soft
Lumen floating

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

선 line
Polaris hairline
Lumen hairline

Polaris 와 같다

포커스 focus
Polaris standard
Lumen standard

Polaris 와 같다

제목 글꼴 heading
Polaris sans
Lumen sans

Polaris 와 같다

한눈에 보기

카드 제목

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

차트