Aperture는 우리 제품 전반에 걸쳐 일관된 시각 언어를 제공합니다. 토큰, 타이포그래피, 그리고 검증된 컴포넌트 라이브러리를 한 곳에서 살펴보세요.
하이콘트라스트와 차분한 톤을 우선합니다. 액센트는 딥 인디고 한 가지로만 사용하며, 상태 색상은 의미가 분명할 때만 등장합니다.
디스플레이는 Geist 산세리프, 본문은 Inter, 메타데이터는 JetBrains Mono로 분리합니다. 토글 하나로 세리프 전환이 가능합니다.
8pt 그리드를 기준으로 4pt 보조 스케일을 함께 씁니다. 라디우스는 6 / 10 / 14 / 999 네 단계로 충분합니다.
--radius-md · 10
칩--radius-pill · 999
--shadow-md
모달--shadow-lg
두 가지 상태 — 기본과 강조. 강조 카드는 액센트 보더와 소프트 배경으로 주목도를 확보하면서도 페이지의 차분함을 해치지 않습니다.
엣지에서 30ms 미만의 콜드 스타트를 제공하는 서버리스 런타임.
디자인 토큰과 컴포넌트를 한 줄 import로 가져오는 표준 SDK.
상태가 분명할 때만 색을 입히고, 그 외에는 중립 칩을 사용합니다. 모든 칩은 color-mix로 배경 농도를 계산해 라이트/다크 모두에서 동일한 인상을 유지합니다.
22
라운드pill · 999
폰트12 · 500
텍스트, 셀렉트, 텍스트영역, 토글 스위치. 포커스 링은 액센트를 18% 농도로 깔아 시스템 톤을 유지합니다.