REQO DESIGN SYSTEM

静けさ

Calm Muted Minimal — 要件に、静かに集中できる場を。

余分な装飾を削ぎ、温かいサンセリフ(Hanken Grotesk)と十分な余白で、要件そのものに 集中できる静かな面。精度を要する ID・トレースタグだけはモノ書体。AIの観察は AI タグ付きの淡い色面で語られ、人間の決定とは一目で区別される。

Color — OKLCH

SURFACES — 温かい紙

canvas

98.7% .004 75

surface

100% 0 0

sunken

97% .005 75

INK — 温かい墨色(純黒は使わない)

oklch

ink

34% .008 70

oklch

ink-muted

55% .008 70

oklch

ink-faint

68% .006 75

line

92% .004 75

ACCENT — 静かな青(操作)/ AI — 専用の淡色(AIの声)

oklch

accent

58% .07 210

accent-weak

95% .025 210

ai-tint

96% .025 200

oklch

ai-mark

66% .07 205

STATUS — 状態(AIの声とは別物)

oklch

ok

64% .09 155

oklch

warn

70% .10 70

oklch

danger

62% .12 25

Typography — 静かな書体

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

The AI Voice — 署名となる表現

AIは自動修正しない。観察と候補を提示し、人間が判断する(能力補完)。だから AIの発話は人間が書いた内容とは別の「声」で現れる — 淡い色面+左罫+小さな AI タグ(静けさではサンセリフのまま、色面で区別する)。

受注確定時、与信枠を超える注文は保留される。REQ-118

AI · 観察 「返品」に伴う与信枠の戻し処理が、どの要件にもカバーされていない可能性があります。 ステークホルダーに確認しますか?

↑ 人間の要件と、AIの観察(淡色面)が一目で分かれる。

Components

BUTTONS

FORM FIELD — focus ring は accent

BADGES · COVERAGE · REQ-ID

カバー済 未充足 矛盾 FE-04.2

HAIRLINE CARD — 構造は1px線が担う(影ではなく)

与信チェック

注文確定前に与信枠の残高を照合する。

確認