---
version: alpha
name: "Swiss"
description: "엄격한 그리드 위의 검정, 흰색, 시그널 레드 하나. Swiss는 인터내셔널 타이포그래픽 스타일을 따릅니다. 큼직한 그로테스크 서체, 엄격한 그리드, 직각 모서리, 넉넉한 흰 여백. 빨강이 유일한 색이며 정확히 정해진 몇 곳에만 나타납니다."
colors:
  primary: "#D70015"
  on-primary: "#FFFFFF"
  secondary: "#0A0A0A"
  tertiary: "#7A7A7A"
  neutral: "#595959"
  surface: "#FFFFFF"
  on-surface: "#0A0A0A"
typography:
  display-lg:
    fontFamily: "Archivo"
    fontSize: 88px
    fontWeight: 700
    lineHeight: 0.95
    letterSpacing: -0.035em
  headline-lg:
    fontFamily: "Archivo"
    fontSize: 56px
    fontWeight: 700
    lineHeight: 1
    letterSpacing: -0.025em
  headline-md:
    fontFamily: "Archivo"
    fontSize: 32px
    fontWeight: 700
    lineHeight: 1.1
    letterSpacing: -0.015em
  headline-sm:
    fontFamily: "Archivo"
    fontSize: 20px
    fontWeight: 700
    lineHeight: 1.25
  body-md:
    fontFamily: "Archivo"
    fontSize: 16px
    fontWeight: 400
    lineHeight: 1.5
  body-sm:
    fontFamily: "Archivo"
    fontSize: 13px
    fontWeight: 400
    lineHeight: 1.4
    letterSpacing: 0.01em
rounded:
  sm: 0px
  md: 0px
  lg: 0px
  xl: 4px
spacing:
  xs: 8px
  sm: 16px
  md: 32px
  lg: 48px
  xl: 96px
components:
  button-primary:
    backgroundColor: "{colors.primary}"
    textColor: "{colors.on-primary}"
    rounded: "{rounded.lg}"
    padding: "{spacing.md}"
---

## Overview

Swiss는 인터내셔널 타이포그래픽 스타일을 따릅니다. 큼직한 그로테스크 서체, 엄격한 그리드, 직각 모서리, 넉넉한 흰 여백. 빨강이 유일한 색이며 정확히 정해진 몇 곳에만 나타납니다.

## Colors

- **primary (#D70015):** 시그널 레드. 주요 행동과 핵심 하이라이트에만 씁니다.
- **on-primary (#FFFFFF)**
- **secondary (#0A0A0A):** 검정. 대비를 주는 섹션의 단색 블록으로 씁니다.
- **tertiary (#7A7A7A):** 중간 회색. 보조 데이터에 씁니다.
- **neutral (#595959):** 무채색 회색. 캡션과 라벨에 씁니다.
- **surface (#FFFFFF):** 순백. 다크 모드는 순수한 검정입니다.
- **on-surface (#0A0A0A)**

## Typography

전체를 Archivo로: 헤드라인은 아주 큰 크기의 Bold에 자간을 좁게, 본문은 Regular 16px. 작은 라벨은 넓은 자간의 대문자도 가능합니다.

## Layout

최대 1440px의 엄격한 12컬럼 그리드, 거터 16px, 간격 단위 8px. 모든 것을 그리드에 맞추고, 컬럼은 일부러 비워 두세요.

## Shapes

어디서나 직각 모서리(반경 0px). 1px 헤어라인 테두리, 그림자 없음.

## Components

버튼은 꽉 찬 빨강 또는 검정 직사각형. 내비게이션은 평범한 텍스트. 표와 목록은 가로선만 씁니다.

## Do's and Don'ts

- 헤드라인을 페이지에서 가장 큰 요소로 만드세요.
- 그리드의 컬럼을 비워 두세요.
- 모서리를 둥글리거나 그림자를 넣지 마세요.
- 빨강을 장식에 쓰지 마세요.