Comma 시스템

다시, 컴퍼니와 앞으로 생길 모든 사업이 같은 목소리로 말하게 하는 규칙입니다. 종이 위에 잉크로 쓰고, 신호는 하나만 켜고, 움직임에는 언제나 이유를 둡니다.

01원칙
02색
03서체
04간격과 격자
05움직임
06부품
07말투

01 — Principles원칙

종이와 잉크

바탕은 따뜻한 종이색, 글자는 잉크색. 화면이 아니라 잘 만든 잡지를 펼친 느낌을 기본으로 둡니다.

ii.

신호는 하나만

주홍(Signal)은 쉼표와 "다시"의 색입니다. 한 화면에서 가장 중요한 한 곳에만 켭니다. 파랑(Agent)은 AI를 가리킬 때만 씁니다.

iii.

큰 글자, 작은 라벨

제목은 과감하게 크게, 라벨은 작고 정확하게. 중간 크기를 줄이면 위계가 저절로 선명해집니다.

iv.

움직임에는 이유

모든 움직임은 읽는 순서를 돕거나, 브랜드 이야기를 전합니다. 꾸미기 위한 움직임은 넣지 않습니다.

02 — Color색

종이 위의 하나의 신호.

Paper 58 Ink 26 Signal 8 Agent 6

한 화면 안 면적 비율의 기준입니다. 형광펜(Marker)은 2% 이하, 강조 문구 밑줄에만.

03 — Typography서체

네 개의 목소리, one voice.

Korean Sans--font-ko

다시가

Pretendard Variable

한국어 제목과 본문. 제목은 820~900, 본문은 450. 자간은 크기가 클수록 좁게.

Display Serif--font-display

Again

Fraunces

영어 포인트(이탤릭, SOFT 100)와 큰 숫자(Light 300). 가변 축 wght·opsz·SOFT·WONK를 움직임에 씁니다.

Korean Serif--font-ko-serif

쉼표

Hahmlet

인용문, 편지, 긴 이야기의 첫 문단. 잡지의 속도를 늦추고 싶을 때 한 번씩.

Label Mono--font-mono

A-01

Martian Mono

라벨, 번호, 로그, 메타 정보. 대문자 + 자간 0.12em. 한글 라벨은 Pretendard로 바꿔 씁니다.

--fs-display56–176다시,

--fs-h144–104사람이 판단합니다

--fs-h232–64작게 내놓고, 다시 고친다

--fs-h322–32모든 일은 기록된다

--fs-lead19–25방향과 책임은 사람에게, 반복과 속도는 AI에게.

--fs-body17본문은 17px, 줄 간격 1.65. 한 줄은 34~52자를 넘기지 않습니다.

--fs-micro11Fig. 01 — Label / Meta

04 — Space & Grid간격과 격자

4의 배수, twelve columns.

--s-14

--s-28

--s-312

--s-416

--s-524

--s-632

--s-748

--s-864

--s-996

--s-10128

--s-11192

여백 20–56px · 칸 사이 14–28px · 최대 폭 1680px · 모서리는 0을 기본으로, 버튼과 태그만 알약 모양

05 — Motion움직임

빠르게 출발해서, softly arrive.

Brand sting · Comma → Loop · 1920×1080 · 7sMade with HyperFrames

--t-fast180ms색, 투명도

--t-base420ms버튼, 메뉴

--t-slow900ms펼침, 카드

--t-epic1600ms첫 등장, 장면 전환

시그니처 움직임

다시,

Mask Rise
글자가 보이지 않는 선 아래에서 올라옵니다. 모든 큰 제목의 기본 등장.
Comma Drop
쉼표는 위에서 떨어져 튕긴 뒤 자리를 잡습니다. 브랜드가 처음 나타나는 순간에만.
AI 팀이 실행한다

Marker Sweep
읽는 속도에 맞춰 형광펜이 칠해집니다. 한 문단에 두 번까지.
Comma → Loop
쉼표가 고리(↻)가 됩니다. "멈춤 뒤의 다시"를 말할 때 쓰는 핵심 장면.

06 — Components부품

작은 부품, same grammar.

Button

시작하기 자세히 보기 다시 시작

Tag

DefaultA-01 리서치다시H-00 대표

Section head

03 — The Team팀

Numbered row

Stat · Log

AI 팀장

review › verify
✗ 1건 수정 요청 → 다시

Tape

RE—THINK ✺ 다시 묻고 ✺ RE—BUILD ✺ 다시 만들고 ✺

07 — Voice말투

"멈춘 자리에서, 다시." — 모든 문장이 돌아오는 한 줄

이렇게 씁니다

합니다체로, 짧고 단정하게. 한 문장에 한 가지 생각.
영어는 포인트로만. Fraunces 이탤릭으로, 한국어 문장의 끝이나 옆에.
숫자는 크게. Fraunces Light로, 단위는 작게.
라벨은 정확하게. 번호·분류·시간은 Martian Mono 대문자로.

이렇게 쓰지 않습니다

"혁신적인", "최고의", "압도적인" 같은 꾸밈말
확인되지 않은 숫자와 성과
한 화면에 두 군데 이상 켜진 신호색
이유 없이 반복되는 움직임