REQO DESIGN SYSTEM
Calm Muted Minimal — 要件に、静かに集中できる場を。
余分な装飾を削ぎ、温かいサンセリフ(Hanken Grotesk)と十分な余白で、要件そのものに 集中できる静かな面。精度を要する ID・トレースタグだけはモノ書体。AIの観察は AI タグ付きの淡い色面で語られ、人間の決定とは一目で区別される。
SURFACES — 温かい紙
canvas
98.7% .004 75
surface
100% 0 0
sunken
97% .005 75
INK — 温かい墨色(純黒は使わない)
ink
34% .008 70
ink-muted
55% .008 70
ink-faint
68% .006 75
line
92% .004 75
ACCENT — 静かな青(操作)/ AI — 専用の淡色(AIの声)
accent
58% .07 210
accent-weak
95% .025 210
ai-tint
96% .025 200
ai-mark
66% .07 205
STATUS — 状態(AIの声とは別物)
ok
64% .09 155
warn
70% .10 70
danger
62% .12 25
SANS · Hanken Grotesk — 見出しから本文・UI まで一つの声で
受注管理 Order Management
完全性を、証明できる形に。
BODY · Hanken Grotesk — 要件本文・説明文(長文も楽)
システムは、承認された注文に対して与信枠の残高を確認し、超過する場合は受注を保留して 担当者に通知しなければならない。
JP · Zen Kaku Gothic New — 日本語見出し
要件定義の足場をかける
MONO · IBM Plex Mono — ID・トレースタグ・メタ
FE-04.2 · REQ-118 · trace→BR-07 · 2026-06-03
AIは自動修正しない。観察と候補を提示し、人間が判断する(能力補完)。だから AIの発話は人間が書いた内容とは別の「声」で現れる — 淡い色面+左罫+小さな AI タグ(静けさではサンセリフのまま、色面で区別する)。
受注確定時、与信枠を超える注文は保留される。REQ-118
↑ 人間の要件と、AIの観察(淡色面)が一目で分かれる。
BUTTONS
FORM FIELD — focus ring は accent
BADGES · COVERAGE · REQ-ID
HAIRLINE CARD — 構造は1px線が担う(影ではなく)
注文確定前に与信枠の残高を照合する。