마감 임박
물레 도자기 입문
토요일 · 2시간 · 성수
45,000원남은 자리 2
토요일 · 2시간 · 성수
컴포넌트 모음만으로는 AI가 따라 만들지 못합니다.
‘빨강’ 대신 ‘강조’라고 부릅니다.
간격과 크기는 정해진 단계만 씁니다.
AI도 그 문장을 읽고 고릅니다.
화면에서 새 모양을 그리지 않습니다.
화면은 이 토큰만 씁니다.
surface.panelwarm.100선 대신 영역을 묶을 때
비활성 상태를 표시할 때
text.strongwarm.900제목과 본문
보조 정보
action.primarywarm.900화면의 주요 행동
한 영역에 두 개 이상
accent.pointred.500결제처럼 마지막 한 번의 행동
한 화면에 두 곳 이상
type.displaytype.titletype.bodytype.captionpill302214‘몇 px인가’ 대신 ‘무엇과 무엇 사이인가’로 고릅니다.
눌림, 비활성, 오류까지 함께 정합니다.
모두 위의 토큰과 컴포넌트로 만들었습니다.
토요일 · 2시간 · 성수
일요일 · 3시간 · 문래
향을 고르고 직접 부어 굳힙니다.
아래 규칙은 모든 컴포넌트에 들어갑니다.
아이콘이 작아도 누르는 영역은 줄이지 않습니다.
연한 회색은 큰 글자에만 씁니다.
색만으로 상태를 말하지 않습니다.
테두리 대신 바깥 링으로 표시합니다.
06 · AI-READABLE SPEC
토큰과 컴포넌트마다 같은 네 칸을 채웁니다.
모양이 아니라 역할을 담습니다.
실제 값과 참조하는 토큰을 적습니다.
골라야 하는 상황을 문장으로 적습니다.
대신 쓸 것까지 함께 적습니다.
button.dangerbutton.softelev.overlayradius.surface취소하면 자리가 다른 분께 넘어갑니다.
지금 쓰는 화면에서 출발합니다.
지금 화면에서 쓰는 요소를 모두 모읍니다.
토큰과 컴포넌트마다 쓰는 기준을 한 줄로 정합니다.
겹치는 것은 합치고 안 쓰는 것은 뺍니다.
기존 화면을 새 기준으로 다시 맞춥니다.