---
version: alpha
name: "Ledger"
description: "숫자를 위한 촘촘한 다크 인터페이스, 터미널 앰버 포인트. Ledger는 숫자로 가득한 화면을 위해 만들어졌습니다. 다크 우선에 촘촘하고 차분하며, 트레이딩 터미널처럼 고정폭 숫자를 모노스페이스 서체로 쓰고, 활성 상태와 핵심 값에만 앰버 포인트 하나를 둡니다."
colors:
  primary: "#0F1210"
  on-primary: "#FFB224"
  secondary: "#1F7AA8"
  tertiary: "#4C7A12"
  neutral: "#5A615B"
  surface: "#F7F8F5"
  on-surface: "#0F1210"
typography:
  display-lg:
    fontFamily: "IBM Plex Sans"
    fontSize: 56px
    fontWeight: 600
    lineHeight: 1.05
    letterSpacing: -0.025em
  headline-lg:
    fontFamily: "IBM Plex Sans"
    fontSize: 36px
    fontWeight: 600
    lineHeight: 1.15
    letterSpacing: -0.015em
  headline-md:
    fontFamily: "IBM Plex Sans"
    fontSize: 24px
    fontWeight: 600
    lineHeight: 1.25
    letterSpacing: -0.01em
  headline-sm:
    fontFamily: "IBM Plex Sans"
    fontSize: 18px
    fontWeight: 600
    lineHeight: 1.35
  body-md:
    fontFamily: "IBM Plex Sans"
    fontSize: 14px
    fontWeight: 400
    lineHeight: 1.55
  body-sm:
    fontFamily: "IBM Plex Sans"
    fontSize: 12px
    fontWeight: 400
    lineHeight: 1.45
    letterSpacing: 0.01em
rounded:
  sm: 2px
  md: 4px
  lg: 6px
  xl: 10px
spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 48px
components:
  button-primary:
    backgroundColor: "{colors.primary}"
    textColor: "{colors.on-primary}"
    rounded: "{rounded.lg}"
    padding: "{spacing.md}"
---

## Overview

Ledger는 숫자로 가득한 화면을 위해 만들어졌습니다. 다크 우선에 촘촘하고 차분하며, 트레이딩 터미널처럼 고정폭 숫자를 모노스페이스 서체로 쓰고, 활성 상태와 핵심 값에만 앰버 포인트 하나를 둡니다.

## Colors

- **primary (#0F1210):** 다크 모드에서는 앰버, 라이트 모드에서는 검정. 주요 행동과 활성 상태에 씁니다.
- **on-primary (#FFB224)**
- **secondary (#1F7AA8):** 스카이 블루. 두 번째 차트 계열입니다.
- **tertiary (#4C7A12):** 초록. 세 번째 차트 계열과 긍정적인 변화에 씁니다.
- **neutral (#5A615B):** 회녹색. 라벨, 축, 보조 텍스트에 씁니다.
- **surface (#F7F8F5):** 초록 기운이 살짝 도는 거의 검은색. 카드는 한 단계 밝게.
- **on-surface (#0F1210)**

## Typography

UI와 제목은 IBM Plex Sans(본문 14px), 숫자, ID, 코드는 고정폭 숫자의 IBM Plex Mono.

## Layout

최대 1440px의 12컬럼 그리드, 거터 16px, 간격 단위 4px. 촘촘한 표, 사이드바 내비게이션, 빽빽한 그리드의 카드.

## Shapes

카드, 입력창, 버튼은 6px 모서리. 1px 테두리로 면을 구분하며 그림자는 없습니다.

## Components

주요 버튼은 검정 위의 앰버. 표는 지브라 줄무늬 없이 헤어라인 구분선만 쓴 행. 상태는 큰 색 배지가 아니라 작은 점으로 표시합니다.

## Do's and Don'ts

- 숫자는 고정폭 숫자의 모노스페이스 서체로 쓰세요.
- 앰버는 화면에서 가장 중요한 한 가지에만 쓰세요.
- 차트 색상은 한 번에 세 가지를 넘기지 마세요.
- 그라데이션이나 글로우 효과를 넣지 마세요.