Awesome Design MD JP

日本語サービスの DESIGN.md から抽出したデザイントークンの一覧。各カードをクリックするとフルプレビューが開きます。

Preview
Apple Japan
Consumer Tech
SF Pro JP
palt:offls:-0.36px
DESIGN.md Preview
Preview
MUJI
Retail / Lifestyle
Noto Sans JP
lh:1.6kinari
DESIGN.md Preview
Preview
Mercari
C2C Marketplace
Hiragino Custom
15px bodylh:1.4
DESIGN.md Preview
Preview
STUDIO
No-Code Design
Inter + Noto Sans JP
ls:negativew:600
DESIGN.md Preview
Preview
SmartHR
HR SaaS
Yu Gothic (Adjusted)
warm gray@font-face
DESIGN.md Preview
Preview
freee
Fintech SaaS
Noto Sans JP
bluew:500
DESIGN.md Preview
Preview
note
Media Platform
Hiragino Sans
lh:2.0palt:heading
DESIGN.md Preview
Preview
Novasell
AI Agency
Zen Kaku Gothic New
all bold#00fa27
DESIGN.md Preview
Preview
WIRED.jp
Tech Media
Helvetica + Yu Gothic
palt:globalmono
DESIGN.md Preview
Preview
Toyota
Automotive
SF Pro + Hiragino
ls:0.04emlh:1.5
DESIGN.md Preview
Preview
LINE
Messenger
SFPro + Noto Sans JP
20px body#06c755
DESIGN.md Preview
Preview
Cookpad
Recipe / UGC
noto-sans (Adobe)
ls:-0.4pxliga
DESIGN.md Preview
Preview
MoneyForward
Fintech
Hiragino Kaku Gothic
14px bodyw:500
DESIGN.md Preview
Preview
Cybozu
Groupware
ヒラギノ角ゴ Pro W3
lh:2.0和文優先
DESIGN.md Preview
Preview
Qiita
Developer Community
YakuHanJPs + system
lh:1.8約物半角
DESIGN.md Preview
Preview
Rakuten
EC
Meiryo
12px bodylh:1.1
DESIGN.md Preview
Preview
Tabelog
Gourmet
メイリオ
12px body#f09000
DESIGN.md Preview
Preview
pixiv
Creator Platform
system-ui + Noto Sans
12px body#0096fa
DESIGN.md Preview
Preview
Zenn
Tech Articles
system + Hiragino
lh:1.8#3ea8ff
DESIGN.md Preview
Preview
connpass
Tech Events
Lucida Grande
w:400 heading12px
DESIGN.md Preview
Preview
Sansan
Business Card SaaS
helvetica + Yu Gothic
lh:1.0 bodynavy
DESIGN.md Preview
Preview
Notion
Document / Productivity
NotionInter
lnum408 vars
DESIGN.md Preview
Preview
Droga5
Creative Agency
NotoSansJP + GTPressura
100px h2pastel
DESIGN.md Preview
Preview
ABEMA
Video Streaming
Hiragino + BIZ UD
dark844 vars
DESIGN.md Preview

These DESIGN.md files are not official design system documentation from the respective companies. All design token values are extracted from publicly available CSS using browser computed styles. Service names and trademarks belong to their respective owners.

Inspired by VoltAgent/awesome-design-md

awesome-design-md-jp — 日本語UIをAIエージェントに正しくつくらせるための DESIGN.md 集