STYLE GUIDE 00Components · 部品
Atlas Components
部
8 components · 4 rangesVERSION 2.6 · 2026
Color · 色01
The base palette. Sumi for ink, washi for paper, ai/beni/yamabuki for accent, matcha as quiet support.
Sumi#1B1B1B
Deep Ink#111111
Washi#F4EFE6
Warm Paper#E8DDCB
Aizome#264653
Beni#B33A3A
Sakura#F1C6C1
Yamabuki#D8A431
Matcha#7A8B55
Murasaki#6B4C7A
Asagi#5F9EA0
Nezumi#7C7A73
Typography · 字02
Noto Serif JP for display + kanji. Inter for UI. JetBrains Mono for labels.
桜色 Sakura-iroSERIF · 56 / 400
Editorial headingSERIF · 28 / 400
Body text — pale pink against ivory needs care. Always pair with a hex value.SANS · 16 / 400
SOURCE-BACKED · DIGITAL APPROXIMATIONMONO · 12 / 500
Status badges03
Every color record carries one or more. Plain border, no fills.
SOURCE-BACKEDATTRIBUTEDMEASURED REFERENCEDIGITAL APPROXIMATIONDESIGN TOKEN READYNEW · 新BETA
Buttons04
Square corners. Hairline borders. No drop shadows. The hover state is a fill swap, not a glow.
SEGMENT · IDLESEGMENT · ACTIVESEGMENT · DISABLED
Hanko & ornaments05
Red seal stamps for issue marks. Mon ornament as horizontal divider.
色印春朱
Use sparingly. Never more than one hanko per viewport unless it's a row of catalog stamps.
Swatch card06
The atomic unit of the atlas — chip, name, kana, hex.
Nº 001#F1C6C1
桜色さくらいろ · Sakura-iroCherry blossom pink
Nº 002#E8B8C5
撫子色なでしこいろ · Nadeshiko-iroDianthus pink
Nº 003#EBA9A2
鴇色ときいろ · Toki-iroCrane pink
Vocab table07
Warm paper rows, ink header, square cells. No zebra striping.
ENGLISH
KANJI
ROMAJI
HEX
Red
赤
aka
#B33A3A
Blue
青
ao
#264653
Green
緑
midori
#7A8B55
Mobile tab bar08
Glyph + label. The kanji is the icon.
色Atlas
尋Search
譜Palettes
学Guides
END · 終 · CHROMA CATHAY VOL. II · 002