Horon Design System

Seed to Root,
Root to Execute.

데이터를 이해하는 것에서 끝나지 않고 실행과 결과까지 연결하는 시스템. 그 시스템을 지탱하는 토큰과 컴포넌트를 하나의 기준으로 정의합니다. 디자인과 코드가 같은 값을 바라봅니다.

Principles

세 가지 원칙

HORON의 UI는 중성 백본 위에 단 하나의 액센트만 얹습니다. 색을 많이 쓰지 않고, 계층과 상태를 타이포와 여백으로 드러냅니다.

Components

입력과 선택

사용자가 값을 입력하거나 선택지를 고르는 컨트롤입니다.

표시

데이터와 상태를 화면에 보여주는 컨트롤입니다.

내비게이션

화면과 섹션 사이를 이동하는 컨트롤입니다.

오버레이

현재 화면 위에 떠서 맥락을 보조하는 표면입니다.

레이아웃

콘텐츠를 배치하고 감싸는 구조 컴포넌트입니다.

Foundations

색, 타이포, 간격, 반경, 모션, 유리 표면까지 — 모든 시각 결정의 값과 규칙.

Get Started

설치하고 첫 화면을 만드는 데 필요한 최소 절차.

Storybook

모든 컴포넌트의 상태와 변형을 직접 조작해 보는 미리보기.