japanese-minimal

japanese-minimal

ひとつのアイデンティティ：花瓶がひとつ置かれた部屋 — そこにないものがデザインです。

1. パレット（固定）

• 紙：#F4F1EA（和紙の温もり）。代替：#ECE8DF。
• 墨：#33302B（墨 — やわらかく、決して純黒ではありません）。
• セカンダリー：#8A8378（石の灰色）。メタデータと本文の補足テキストに使用します。
• 印のアクセント — ひとつだけ：#B3392A（判子の赤）。使用箇所：印、下線ひとつ、統計情報ひとつ、リンク。アクセントはこれだけです。
• 純白、グラデーション、色付きの面は禁止です（アクセント色の面は禁止 — アクセントは印であり、表面ではありません）。

2. タイポグラフィ（固定）

• ディスプレイ： 日本語の明朝体セリフ（Shippori Mincho、または筆書きのようなリズムを持つセリフ体）、ウェイト 400–600、clamp(2.4rem, 6vw, 5rem)、行間 1.15–1.3（明朝体には息遣いが必要です — 極端に詰めた行間は避けます）。
• 本文： 読みやすいゴシック体（Zen Kaku Gothic New またはシステムのサンセリフ、ウェイト 300–400）、15–16px、行高 1.8–2.0 — ゆったりと。
• ラベル： ゴシック体の大文字またはローマ数字、letter-spacing: 0.18em、10–11px、石の灰色。
• 縦書きの見せ場： ページごとに writing-mode: vertical-rl のテキスト要素をひとつだけ配置します（ラベル、数字、名前のいずれか）。印象に残る署名として使い、繰り返しません。
• イタリックは禁止（明朝体の本質にそぐわないため）。疑似ボールドは禁止。ディスプレイテキストのすべて大文字は禁止。

3. 構成（固定）

• 間（余白）がレイアウトです。 ヒーローのパディングは 20vh 以上。セクション間は 160px 以上。セクションが空っぽに感じられるなら、それが正解です — 埋めないでください。
• 非対称の静けさ： コンテンツは幅 5/12–7/12 のカラムに配置し、中央からずらします。視線の先に置くオブジェクトはひとつだけ。中央対称の積み重ねは禁止。画面いっぱいに要素を詰め込むことも禁止です。
• ボックスより罫線： セクションの区切りとインデックス行には、細い（1px）石の灰色の罫線を使います。パネルは紙色（#ECE8DF）で、枠線なし — 線ではなく色調で表現します。
• リストとしてのインデックス： 項目は極細の罫線で区切ります。数字 / 名前 / 1行の説明。件数は明朝体の数字で表します。
• 印： 判子（白いひとつの漢字またはモノグラムを入れた、正方形または角丸の赤い印）は、正確に2回表示します。ワードマークの近くに1回、フッターに1回です。これは署名であり、ロゴバッジではありません。

4. コンテンツの扱い

• 絵文字やアイコンセットは禁止です — 文字による記号（・、—、◦）または印そのものを使います。
• 写真を使う場合：最大1〜2枚。彩度を抑え、粒子感を持たせ、余白を十分に取ります（カラムを埋めず、画像をカラムより小さくします）。filter: saturate(0.7) contrast(0.95)。
• コピーのリズム：短い行で、命令形ではなく観察を表す言い回しにします（「データは静かに問いかけました。」）。感嘆符や最上級表現（「最高」「最大」「革新的」）は使いません。
• CTA：印の赤い下線を付けたテキストリンクをひとつ、または墨色の塗りつぶしボタンをひとつ（四角形）。同格の CTA をふたつ並べてはいけません。

5. モーション（単発の動き）

• セクションごとにフェードまたは上昇をひとつだけ：500–700ms、cubic-bezier(0.22, 1, 0.36, 1)、8–10px。
• ホバー：色を印の赤に変えるか、不透明度を 0.75 にします。200ms。それ以外の動きは禁止です。視差、マーキー、ループは使いません。

6. チェックリスト（該当したらページは不合格…）

• 紙、墨、灰色、印の赤以外の色がある。
• アクセント色の面がある（アクセントは印だけに使用）。
• border-radius が 2px を超える、または box-shadow がある。
• ディスプレイにサンセリフ体を使っている。
• ディスプレイテキストにイタリック体または大文字を使っている。
• ヒーローが中央対称、またはセクション間が約 160px 未満である。
• 縦書きテキスト要素が複数ある。
• 置かれた理由が感じられない要素がある。