디자인은 정하는 게 아니라 고르는 것

버튼·박스·행·컨트롤의 변형을 몇 개만 고정해 두고 골라 쓴다. 새 화면은 여기 있는 부품을 조립만 하고, 여백·서체·모양은 화면에서 새로 정하지 않는다. 값은 기차놀이(reservation-bot v0.1.7)에서 수십 턴의 조정 끝에 확정된 실측치다.

보기

색·간격·모서리 토큰, 텍스트 8종, 버튼 크기 4×톤 5, 박스 3, 행 4(슬롯 구조), 컨트롤, 안내 문구 5, 오버레이 5, 골격. PC 그리드 배치.

설정·결과·예매 탭의 원본 스크린샷 옆에 카탈로그 클래스만으로 다시 조립한 화면. 빠진 변형 11건과 남은 인라인 5건을 표로.

문서

Material Design 3 전 페이지를 읽고 정리한 규칙 10개. 토큰 3계층, 색 역할과 on 짝, 글자 격자, 상태 레이어, 터치 타깃, 축의 곱, 예외 3등급. 우리 v0.1이 위반하는 6건 실측.

부품마다 변형·용도·기차놀이 원본 클래스. 사용 규칙 5개와 검증 결과.

스타일과 무관한 원칙·절차·체크리스트. 목업 → 스크린샷 승인 → 로직.

카탈로그 + 테마 두 층. 새 제품 시작 순서.

첫 테마의 토큰·타이포·컴포넌트 값 정리.

원본 참고 (480px 데모 스크린샷)