DESIGN.md から抽出したデザイントークンのカタログ。純白・ライトグレー・ニアブラックのモノクローム基調に、ただ一点だけ差す赤 #f23030。角丸なしの大胆なエディトリアル。computed style 実測値(2026-07-21)に基づく。
無彩色を基調に、彩度を持つのは赤 #f23030 ただ一色。白・ライトグレー・ニアブラックのコントラストで階層を作り、赤は一点差しに限定する。
原典は欧文=Maison Neue(Milieu Grotesque)、和文=YakuHanJP + 游ゴシック。本プレビューは代替の Work Sans / Noto Sans JP で表示。和文本文は line-height 2.0、英字ラベルは letter-spacing 0.1em、ヒーロー欧文だけ -0.015em と詰める。
CTA は塗りのカラーボタンではなく、ニアブラック #1a1a1a 地+白文字の作例カードが担う。作例ビジュアルを大きく主役に置き、その上にクライアント名・作例名・READ MORE を重ねる。角丸なし。
塗りのブランドカラーボタンは持たない。CTA はニアブラック面+白文字が基本。ゴースト(枠のみ)とテキストリンクを併用し、赤 #f23030 は一点差しの用途に限定。すべて角丸なし(radius 0)。
フォームの抽出データは取れなかったため、基調トークンからの推定値で表示。角丸なし(radius 0)を踏襲。フォーカスは枠 #222222 +薄い墨リング、エラーはアクセントの赤。
影はほぼ使わず、白・ライトグレー・ニアブラックの地色コントラストで階層を作る。作例カードをニアブラックで沈めることで奥行きを出す。フラットが基本。
8px グリッド基準の目安スケール。横余白はビューポートに比例(約 6vw)。広い余白で作例を主役にする。