mokumoku Design System
ひとりの集中と、チームの気配をつなぐ。
calmspaciousfriendlysoft edgeneutralairy
Color
Background
Text
Brand
Gray
Status
Typography
Hiragino Sans, Yu Gothic UI, BIZ UDPGothic, Meiryo, sans-serif
displayひとりの集中と、チームの気配をつなぐ。41–75 / 700h1ひとりの集中と、チームの気配をつなぐ。32–52 / 700h2ひとりの集中と、チームの気配をつなぐ。25–33 / 600body.lgひとりの集中と、チームの気配をつなぐ。16–19 / 400bodyひとりの集中と、チームの気配をつなぐ。15–16 / 400captionひとりの集中と、チームの気配をつなぐ。12 / 500labelひとりの集中と、チームの気配をつなぐ。10 / 600Icons
Phosphor Icons · weight: bold（基本）
Search
Settings
Add
Pen
Share
Assistant
Focus
Talk
Break
Away
Spacing
4px8px12px16px24px32px48px64pxRadius
8pxButton12pxInput16pxDialog24pxCard999pxChipComponents
Avatar
Chip
もくもく中かきかき中話せるよ〜ひと休みちょっと離れてる
Input
Card
設計原則
余白が、思考を支える
3 層で読み切れる状態を保つ。
Badge
ActiveUrgentBetaDefault
Toggle
Toast
ルームに参加しました
接続が切れました
Progress
タスク進捗72%
アップロード100%
Dropdown
ルーム設定
メンバー管理
通知設定
ルームを退出
Tooltip
Cmd+K でクイック検索
Skeleton
Spinner
Divider
または
または
Tabs
Empty State
メモが見つかりません
キーワードを変えて再検索
