Zhi란 무엇인가요?

AI 생성 문서를 위한 제약 기반 디자인 시스템입니다. 하나의 강조색, 세리프 주도 계층 구조, 따뜻한 양피지 캔버스. LLM 에이전트에게 브리프를 전달하면 정돈된 레이아웃을 돌려받습니다. Claude Design이나 GPT Canvas 같은 이미지 렌더러에 전달할 수 있는 비주얼 브리프로도 활용됩니다.

무엇을 만들 수 있나요?

8가지 문서 템플릿, 랜딩 페이지, 18가지 다이어그램을 제공합니다. 이력서는 기존 이력서 다듬기, 처음부터 구성, 자료 기반 재구성의 3개 모드와 Visual guide, Layout fitting, Source protection을 거쳐 HTML, PDF, 페이지 수 검증을 마친 편집 가능한 DOCX로 전달됩니다. 이력서는 순백 A4 한 페이지가 기본입니다. 따뜻한 크림색, 두 페이지, 사진은 선택 사항입니다.

어떻게 설정하나요?

현재 비공개 테스트 중이며 정식 출시는 아직입니다. 저장소 접근 권한을 받은 뒤 복제하여 로컬 마켓플레이스에서 설치하세요. Claude Desktop은 저장소의 zhi.zip을 사용합니다. 권한이 있는 테스터는 zhi-fonts-full.zip을 로컬에서 만들고 bash scripts/ensure-fonts.sh --bundle로 설치합니다.

어떤 언어를 지원하나요?

영어, 중국어, 일본어, 한국어를 지원합니다. 라틴 문자는 Charter, 중국어 본문은 FangZheng GongWen KaiTi, 중국어 이력서 이름은 FangZheng XinKaiTi, 일본어는 YuMincho, 한국어는 Source Han Serif K를 사용합니다.

Design System · v1.12.0 · 미리보기

Zhi纸

Name: Zhi
Author: Zhi

좋은 콘텐츠를 위한 지면. Zhi가 문서를 읽기 쉽게 정돈합니다.

Canvas#f5f4ed Accent#1B365D SerifNanum Myeongjo Sans= Serif (페이지당 단일 폰트)

00 · See it

출력 샘플

Claude에게 브리프를 전달하세요: 원페이저, 긴 문서, 레터, 포트폴리오, 이력서, 슬라이드 모두 하나의 작고 신뢰할 수 있는 규칙 세트에서 정돈된 레이아웃으로 완성됩니다. 동일한 브리프는 이미지 렌더러에도 적용할 수 있으며, README에 복사-붙여넣기 프롬프트와 샘플 출력물이 포함되어 있습니다.

이력서는 순백 A4 한 페이지가 기본입니다. 따뜻한 크림색, 두 페이지, 사진은 필요할 때 선택할 수 있습니다. HTML, PDF, 편집 가능한 DOCX를 함께 전달합니다.

Equity Report

Tesla 2026년 1분기 실적 분석

Resume

제품 기획 이력서, 1페이지

One-Pager

Zhi 소개 · 1페이지

Slides

에이전트 키노트, 8슬라이드

Landing Pages

랜딩 페이지 사례

Zhi와 선별한 외부 제품 페이지에서 차분한 시각 언어를 살펴보세요. 외부 제품의 이름과 소유권은 그대로 유지됩니다.

Zhi

디자인 시스템 홈페이지

Luo

CJK 읽기용 폰트, 중국어

Mole

macOS 시스템 유틸리티

01 · Usage

설치 및 사용

이력서, 원페이저, 발표 자료를 자연스럽게 요청하면 스킬이 실행됩니다.

현재 비공개 테스트 중이며 정식 출시는 아직입니다. 저장소 접근 권한을 받은 뒤 안내에 따라 복제하고 아래 로컬 설치 명령을 실행하세요.

# Authorized checkout
gh auth login
gh repo clone okht/zhi ./zhi

# Claude Code (v2.1.142+)
/plugin marketplace add ./zhi
/plugin install zhi@zhi

# Codex plugin marketplace
codex plugin marketplace add ./zhi
codex plugin add zhi@zhi

범용 에이전트: npx skills add ./zhi/plugins/zhi -a universal -g -y. 복제한 경량 플러그인 디렉터리에서 설치합니다.

Claude Desktop은 저장소의 6 MB 미만 Slim zhi.zip을 사용합니다. 권한이 있는 테스터는 zhi-fonts-full.zip을 로컬에서 만들고 bash scripts/ensure-fonts.sh의 --bundle로 설치합니다. 공개 다운로드는 제공하지 않습니다.

02 · Manifesto

디자인 원칙

따뜻한 양피지 캔버스, 잉크 블루를 유일한 강조색으로, 세리프가 계층 구조를 담당하며, 하드 섀도우와 화려한 팔레트는 배제합니다. 이력서는 순백을 기본으로 하고 따뜻한 크림색을 선택할 수 있습니다. 다른 문서는 기존 양피지 기본값을 유지합니다.

1
일반 문서는 양피지 #f5f4ed, 이력서는 순백 기본값과 따뜻한 크림색 선택지
2
강조색은 잉크 블루 #1B365D 하나만; 두 번째 유채색 없음
3
모든 회색은 따뜻한 색조, 황갈색 기반; 차가운 청회색 사용 금지
4
중국어는 FangZheng KaiTi, 라틴 문자는 Charter
5
일반 문서는 본문 400, 제목 500. 이력서 강조는 샘플 기준
6
행간: 제목 1.1-1.3, 밀집 1.4-1.45, 읽기 1.5-1.55
7
태그 배경은 단색 hex로 지정
8
그림자: 링 또는 위스퍼만 허용, 하드 드롭 섀도우 금지

03 · Color

따뜻한 절제

잉크 블루를 유일한 강조색으로 사용하며, 면적은 5% 이내로 유지합니다. 나머지는 따뜻한 중성색으로 정돈합니다.

Canvas

Parchment

페이지 배경, 감성의 기초

#F5F4ED

Ivory

카드 / 부상된 표면

#FAF9F5

Warm Sand

버튼 기본 / 인터랙티브 표면

#E8E6DC

Deep Dark

다크 테마 페이지 기본, 순수 블랙 아님

#141413

Brand

Ink Blue

강조색 · CTA · 인용선

#1B365D

Ink Light

다크 표면 위 링크 · 밝은 변형

#2D5A8A

Dark Surface

다크 테마 컨테이너 · 웜 차콜

#30302E

Error

오류 상태, 깊은 따뜻한 레드

#B53333

Warm Neutrals

Near Black

#141413

Dark Warm

#3D3D3A

Olive

#504e49

Stone

#6b6a64

Tag Tints: rgba에서 솔리드 hex로

양피지 위 잉크 블루 #1B365D의 솔리드 hex 등가값. 태그는 WeasyPrint 이중 사각형 렌더링 버그를 피하기 위해 rgba() 대신 솔리드 hex를 사용합니다.

Tag sample

0.08

#EEF2F7

Tag sample

0.14

#E4ECF5

DefaultTag sample

0.18

#E4ECF5

Tag sample

0.22

#D0DCE9

Tag sample

0.30

#D6E1EE

04 · Typography

타입 시스템

일반 문서는 본문 400, 제목 500을 유지합니다. 이력서의 굵은 글씨와 구분자는 참조 샘플을 따릅니다.

Serif · 제목 + 본문

Charter / FZDocKai

중국어는 FangZheng GongWen KaiTi, 라틴 문자는 독립된 Charter 파일을 사용합니다. 중국어 이력서 이름은 FangZheng XinKaiTi입니다.

</>

Mono · 코드

JetBrains Mono

코드 블록, 버전 번호, hex 값, 표형 숫자.

스케일 (인쇄 pt; 화면 px = pt x 1.33)

Display

좋은 문서는 명확하고
안정적이며 절제되어 있다

36-48 pt
weight 500
line 1.10

H1 Section

Color System · Palette

18-22 pt
weight 500
line 1.20

H2 Subsection

Canvas · Warm Neutrals

14-16 pt
weight 500
line 1.25

H3 Item

Tag Tints · Solid Hex

12-13 pt
weight 500
line 1.30

Body

잉크 블루는 어떤 페이지에서든 5% 이하만 차지합니다. 그 이상은 절제가 아니라 혼잡입니다. 모든 회색은 황갈색 기반입니다: R ≈ G > B가 기본 원칙입니다.

9.5-10 pt
weight 400
line 1.55

Caption

그림 주석, 각주, 주석 텍스트. 색상은 올리브 또는 스톤으로 낮아집니다.

8.5-9 pt
weight 400
line 1.45

Label

Design System · v1.12.0

7.5-8 pt
weight 600
line 1.35

05 · Spacing & Shape

리듬과 형태

기본 단위: 4pt. 밀집 레이아웃은 더 작은 여백을, 격식 있는 문서는 더 큰 여백을 사용합니다.

스케일	값	용도
xs	2-3 pt	인라인 요소
sm	4-5 pt	태그 패딩 · 타이트 레이아웃
md	8-10 pt	컴포넌트 내부
lg	16-20 pt	컴포넌트 간격 · 카드 패딩
xl	24-32 pt	섹션 제목 마진
2xl	40-60 pt	주요 섹션 간격
3xl	80-120 pt	긴 문서 챕터 간격

Radii

4 pt

타이트

6 pt

코드 블록

8 pt

기본 카드

12 pt

컨테이너

16 pt

피처 카드

24 pt

대형 컨테이너

32 pt

히어로

깊이: 세 가지 그림자 방식

Zhi는 전통적인 하드 섀도우를 피합니다. 깊이감은 링 섀도우, 위스퍼 섀도우, 명암 교차를 통해 표현합니다.

링 섀도우

0 0 0 1pt var(--ring-warm)

버튼 · 카드 호버

위스퍼 섀도우

0 4pt 24pt rgba(0,0,0,0.05)

부드러운 부상 · 피처 카드

라이트 ⇌ 다크

parchment ⇌ deep-dark

섹션 레벨 · 가장 강한 대비

06 · Components

원자 모듈

작은 고정 세트로, 구체적인 문서 문제를 해결하는 곳에만 유지합니다.

버튼

하드 드롭 대신 링 섀도우 · 8pt radius

Primary CTA Secondary Ghost

태그, 세 단계

솔리드 hex · 약에서 강으로 선택

Light 0.08 Standard 0.18 Brush gradient

인용

좌측 2pt brand solid + olive 텍스트

천 번의 거절 끝에 하나의 승낙, 장식보다 명확함을 우선합니다.

메트릭

세리프 숫자 + 산세리프 레이블 · tabular-nums

8문서 유형

1강조색

8규칙

섹션 제목

serif 500 · 15pt · 크기 주도 계층, 장식 없음

Selected Works · Projects

대시 목록

불릿 대신 대시 · 에디토리얼 톤

따뜻한 양피지, 순백은 절대 아님
잉크 블루 강조색, 두 번째 색상 없음
세리프가 권위를 담당

코드 블록

ivory bg + 4pt radius, no border

// warmth from restraint, not from color
canvas   = parchment; accent = ink_blue
palette  = warm_neutrals − cool_grays
document = serif × hierarchy + generous_space
beauty   = constraints × intention ÷ noise

피처 카드

whisper shadow + 16pt radius

Tesla Company Profile · One-Pager

단일 A4 페이지 · 메트릭 카드 4개 + 본문 섹션 3개 + 타임라인

English A4 x 1 Ink Blue

07 · Diagrams

인라인 차트

아키텍처, 프로세스, 데이터 차트 시나리오를 아우르는 18가지 인라인 SVG 다이어그램 유형. Claude에게 필요한 유형을 말하면 문서에 직접 삽입되며, 색상과 폰트는 Zhi 디자인 언어를 따릅니다.

Architecture

시스템 구성 요소와 연결, 하나의 포컬 노드

Flowchart

분기 결정, 예/아니오 경로, 성공에 포컬

Bar Chart

분기별 매출 비교, 그라데이션 또는 단색

Donut Chart

매출 구조 분석, 3-6개 세그먼트 지원

08 · Decision Lookup

빠른 참조

구성 요소는 이 표와 기본 원칙을 참고하세요.

작업	방법
큰 제목	serif `500`, 계층에 따른 크기, line-height `1.10-1.30`
읽기 본문	serif `400`, `9.5-10 pt`, line-height `1.55`
숫자 강조	`color: var(--brand)`, 볼드 아님
두 섹션 구분	`2.5pt` brand 좌측 바, 또는 `0.5pt` warm-gray 점선
인용	좌측 `2pt` brand solid + olive 텍스트
코드 표시	Ivory bg + `4pt` radius + mono font, no border
기본 vs 보조	기본: brand fill + ivory text; 보조: warm-sand + charcoal
특별 카드 표시	`border-left: 1.4pt solid var(--brand)`, 한 변만
섹션 시작	Serif `500` · `15pt` · 크기 주도 계층, 장식 불필요
문서 표지	단일 페이지, Display 크기 + 우측 정렬 저자/날짜 + 넉넉한 여백
핵심 수치 표시	베이스라인 한 줄, 투명 배경, 컨테이너 없음 + serif 큰 숫자 + sans 작은 레이블

09 · Anti-Patterns

피해야 할 것

예외를 적용할 때는 이유를 명시하세요.

페이지 배경

지양#f3f4f6 쿨 그레이는 피하세요. 이력서와 백지 인쇄는 순백을 지원합니다.

권장항상 #f5f4ed 양피지. 인쇄 시 흰 테두리를 막기 위해 @page background도 같은 색으로 설정합니다.

태그 색상

지양태그의 rgba(27,54,93,0.18)는 이중 사각형을 만들 수 있습니다. 단색 hex를 사용하세요.

권장틴트 조회 표의 등가 솔리드 hex #E4ECF5. 렌더링이 깔끔하게 유지되고 색상이 안정적입니다.

합성 볼드

지양일반 문서 제목의 과도한 합성 볼드를 피하세요.

권장제공된 폰트로 본문 400, 제목 500을 유지합니다. 크기나 좌측 바로 계층을 강조하고, 이력서의 굵은 글씨는 전용 샘플을 따릅니다.

섀도우

지양하드 드롭 섀도우 0 2px 8px rgba(0,0,0,0.3). 시각적으로 무겁고 인쇄 시 어두운 얼룩으로 나타납니다.

권장링 섀도우 0 0 0 1pt 또는 위스퍼 rgba 0.05, 아니면 밝고 어두운 섹션을 교차시킵니다.

10 · Background

내용을 잘 전하는 문서

Zhi는 중국어 서체, 명확한 계층, 일관된 여백으로 일상의 문서 작업을 돕습니다. 레터와 원페이저부터 리서치 리포트, 포트폴리오, 발표 자료까지 같은 조판 원칙으로 정리합니다.

이력서는 현재 가진 자료에서 시작합니다. 완성 원고는 문구를 보존하며 레이아웃을 다듬고, 흩어진 메모는 질문으로 정리합니다. 배경색, 페이지 수, 사진을 필요에 맞게 선택하면 편집 가능한 파일과 검증된 PDF를 전달합니다.

11 · Questions

FAQ

Zhi란 무엇인가요?: AI 생성 문서를 위한 제약 기반 디자인 시스템입니다. 하나의 강조색, 세리프 주도 계층 구조, 따뜻한 양피지 캔버스. LLM 에이전트에게 브리프를 전달하면 정돈된 레이아웃을 돌려받습니다. Claude Design이나 GPT Canvas 같은 이미지 렌더러에 전달할 수 있는 비주얼 브리프로도 활용됩니다.
무엇을 만들 수 있나요?: 8가지 문서 템플릿, 랜딩 페이지, 18가지 다이어그램을 제공합니다. 이력서는 기존 이력서 다듬기, 처음부터 구성, 자료 기반 재구성의 3개 모드와 Visual guide, Layout fitting, Source protection을 거쳐 HTML, PDF, 페이지 수 검증을 마친 편집 가능한 DOCX로 전달됩니다. 이력서는 순백 A4 한 페이지가 기본입니다. 따뜻한 크림색, 두 페이지, 사진은 선택 사항입니다.
어떻게 설정하나요?: 현재 비공개 테스트 중이며 정식 출시는 아직입니다. 저장소 접근 권한을 받은 뒤 복제하여 로컬 마켓플레이스에서 설치하세요. Claude Desktop은 저장소의 zhi.zip을 사용합니다. 권한이 있는 테스터는 zhi-fonts-full.zip을 로컬에서 만들고 bash scripts/ensure-fonts.sh --bundle로 설치합니다.
어떤 언어를 지원하나요?: 영어, 중국어, 일본어, 한국어를 지원합니다. 라틴 문자는 Charter, 중국어 본문은 FangZheng GongWen KaiTi, 중국어 이력서 이름은 FangZheng XinKaiTi, 일본어는 YuMincho, 한국어는 Source Han Serif K를 사용합니다.