The Palette.
말차 로직을 구성하는 기초 디자인 토큰 명세서입니다. 색상 칩을 클릭하면 HEX 코드가 복사되며, 아래에서 서체 규격을 함께 조회할 수 있습니다.
Color Palette
일관성 있는 브랜딩을 구축하기 위해 정의된 말차 로직의 컬러 스펙트럼입니다. 클릭 시 각 색상의 HEX 코드가 클립보드에 복사됩니다.
Brand Identity
말차 로직의 시각적 기초를 형성하는 핵심 고유색 테마입니다.
Matcha Spectrum
브랜드의 정체성을 단단하게 받쳐주는 말차 명도 스펙트럼입니다.
Slate-Modern Spectrum
배경, 타임라인, 날짜, 서브텍스트 등에 쓰이며 가독성과 안정감을 잡아주는 회녹색 계열 색상군입니다.
Changelog Badge Colors
버전 이력 및 업데이트 성격(Release Type)에 따라 지정된 뱃지 배경색과 글자색 매핑 정보입니다.
Major
Feature
Design
Fix
Content
Typography Scale
가독성을 극대화하기 위해 다이내믹 폰트 스케일러와 함께 정의된 말차 로직의 서체 규격 가이드라인입니다.
L1Hero Title
The Kitchen.
CSS: 72px/ 최상위 히어로 영역 메인 대제목
L2SubPage Title
Kitchen Components.
CSS: 60px/ 서브 디렉토리 페이지 전용 히어로 타이틀
L3Section Title
Design Tokens
CSS: 48px/ 대분류 섹션의 헤더 타이틀 (H2)
L4Section Title (Accent)
블로그 포스팅 통계 조회 API
CSS: 36px/ 한국어 서브타이틀, API 명세 제목 등
L5Medium Section Title
Q. coffee를 호출하면 무슨 일이 일어날까요?CSS: 16px/ 서브 서비스 타이틀, 질문 헤더, 컴포넌트 소제목 등
L6Standard Description
Matcha Logic의 시스템 아키텍처와 설계도를 투명하게 공개합니다.
CSS: 16px/ 소개 본문 및 핵심 문맥 요약 문장
L7Standard Body Text
Connection established successfully.
CSS: 14px/ 로그 본문, 디테일 텍스트, 코드 명세
L8Version Badge
v3.3.3CSS: 12px/ 버전 표시 및 릴리즈 뱃지 텍스트
L9Micro Info & UI Label
Visit siteCSS: 12px/ 버튼 라벨, 기본 태그 및 인터랙션용 링크
L10Micro Caption / Header
EXPLORE SPECCSS: 10px/ 메타데이터 라벨, 스크롤 유도 레이블