Phase 2 · Day 6 · design

룩 & 필 합의 —
design v0

mock은 뼈대입니다. design v0는 피부 — 토큰·오버레이·preview로 합의합니다.

케이스

0그릇 — 토큰 맵

틸 셸 · 노란 CTA · 영수증 블록 — 픽셀 SSOT.

개발과 디자인이 --accent라고 말하는 게 「그 오렌지» 열일곱 가지보다 낫습니다.

오늘의 용어

다섯 단어 — 각각 한 문장

용어 한 줄 (Core)
First visual system — tokens, components, preview
Named UI variable (--bg, --accent)
Toast, modal, popup — cataloged by ID
Gallery to review screens and overlays
design v0 → dev implements against SSOT

용어를 누르면 설명이 열립니다.

따라 치기

30초 드릴 — 키보드로

박스 안 희미한 3줄을 그대로 친 뒤, 빈칸을 채워 보세요. (채점·저장 없음 — 로컬만)

Design are named UI variables.

An catalog lists every toast and modal by ID.

v0 is the first agreed visual system.

정답 보기
  • tokens
  • overlay
  • design

퀴즈

T / F — 3문항

  1. 토큰은 개발과 디자인을 같은 이름에 맞춘다.
  2. 오버레이는 ID 없어도 된다 — 개발자가 알아서 맞출 것.
  3. 토큰 맵은 1인 창업자에게도 싼 정렬 도구다.
정답 보기
  1. T
  2. F
  3. T

L0 · 사례

실전에서 보기

Day 6 Reference — 큐레이션 조각만. 전체 repo ❌

idea002 · 목업-토큰-맵.md

틸 셸 · 노란 CTA · 영수증 — CSS 전에 한번 스크롤.

0그릇 체험

L0 슬라이스는 오버레이 · 원문 미러는 P0-4

오늘 할 일 · 하나

컬러 하나 · 이름 하나

design v0 최소 — primary color 1개 + 서비스 이름 1개.

Read full

Medium · Brunch 본문

표·긴 설명은 연재 본문 · 여기는 드릴과 L0.

Medium (EN) Brunch (KO)

SSOT: manuscripts/ko/06-day06-design.md

waitlist

시즌 2가 열리면 알려 드립니다

7일 Drill과 함께 써도 됩니다.