---
version: alpha
name: "Paper"
description: "차분하고 에디토리얼하며 읽기 편한, 잘 짜인 책의 한 페이지처럼. Paper는 잘 짜인 책의 한 페이지처럼 읽힙니다. 종이 흰색, 거의 검은 잉크, 탄탄한 헤드라인 세리프, 짙은 잉크 블루 포인트 하나. 그림자, 그라데이션, 장식 대신 타이포그래피, 선, 여백으로 승부합니다."
colors:
  primary: "#23408E"
  on-primary: "#FFFFFF"
  secondary: "#2F6B57"
  tertiary: "#A9741C"
  neutral: "#5C5F66"
  surface: "#F6F6F3"
  on-surface: "#1A1C20"
typography:
  display-lg:
    fontFamily: "Source Serif 4"
    fontSize: 64px
    fontWeight: 600
    lineHeight: 1.05
    letterSpacing: -0.02em
  headline-lg:
    fontFamily: "Source Serif 4"
    fontSize: 44px
    fontWeight: 600
    lineHeight: 1.1
    letterSpacing: -0.015em
  headline-md:
    fontFamily: "Source Serif 4"
    fontSize: 30px
    fontWeight: 600
    lineHeight: 1.2
    letterSpacing: -0.01em
  headline-sm:
    fontFamily: "Source Serif 4"
    fontSize: 22px
    fontWeight: 600
    lineHeight: 1.3
  body-md:
    fontFamily: "Public Sans"
    fontSize: 17px
    fontWeight: 400
    lineHeight: 1.6
  body-sm:
    fontFamily: "Public Sans"
    fontSize: 14px
    fontWeight: 400
    lineHeight: 1.5
rounded:
  sm: 0px
  md: 2px
  lg: 4px
  xl: 8px
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

Paper는 잘 짜인 책의 한 페이지처럼 읽힙니다. 종이 흰색, 거의 검은 잉크, 탄탄한 헤드라인 세리프, 짙은 잉크 블루 포인트 하나. 그림자, 그라데이션, 장식 대신 타이포그래피, 선, 여백으로 승부합니다.

## Colors

- **primary (#23408E):** 짙은 잉크 블루. 주요 행동과 링크에 씁니다. 화면당 한 번 정도로 아껴 쓰세요.
- **on-primary (#FFFFFF)**
- **secondary (#2F6B57):** 보틀 그린. 보조 차트와 태그에 씁니다.
- **tertiary (#A9741C):** 오커. 하이라이트와 세 번째 데이터 계열에 씁니다.
- **neutral (#5C5F66):** 서늘한 회색. 캡션, 메타데이터, 도움말에 씁니다.
- **surface (#F6F6F3):** 회색이 살짝 도는 종이 흰색. 카드는 순백입니다.
- **on-surface (#1A1C20)**

## Typography

헤드라인은 Source Serif 4 굵기 600에 자간을 약간 좁게, 본문과 UI는 Public Sans 17px에 줄 높이 1.6. 텍스트 컬럼은 68자 안팎으로 유지하세요.

## Layout

최대 1200px의 12컬럼 그리드, 거터 24px. 세로 리듬은 여유롭고, 섹션은 배경 블록이 아니라 여백과 얇은 선으로 나눕니다.

## Shapes

4px 작은 모서리. 따뜻한 회색 1px 테두리. 그림자 없음.

## Components

버튼은 꽉 찬 잉크 블루이거나 잉크색 아웃라인. 카드는 헤어라인 테두리만 있는 평면. 인용문은 큰 크기의 세리프로 씁니다.

## Do's and Don'ts

- 섹션마다 세리프 헤드라인 하나가 중심을 잡게 하세요.
- 얇은 선으로 콘텐츠를 구분하세요.
- 그라데이션, 글래스모피즘, 드롭 섀도를 더하지 마세요.
- 한 화면에 포인트 색을 하나보다 많이 쓰지 마세요.