有彩色は赤 1 色。トップページのユニーク背景色は #f8f8f8 と #fa051c の 2 色しかない。
製品ブランドのサブパレット — 「主色 ＋ 極薄の対」で 1 セット
サラサ#fb8323 / #fff2e5
ブレン#0d9384 / #f2faf9
デルガード#0a3190 / #f0f5ff
マイルドライナー#53bbff / #f0f9ff
マッキー#141414 / #f4f4f4
#007aff は --swiper-theme-color（Swiper.js の既定）。rgb(0,163,224) は --var-highlight-color（テキスト選択色）。どちらも画面上には出てこない。
和文は Zen Kaku Gothic New 単独、英字の飾り見出しだけ Satisfy。どちらも Google Fonts なので実サイトと同じ書体で再現できる。
1.68 がこのサイトの基準行間（body の 26.88 / 16）。カードやカテゴリだけ 1.4 に締める。font-feature-settings の宣言は 0 個で、palt は使わない。
ニュース一覧は「日付 ＋ 枠だけのラベル ＋ タイトル」の 3 カラム。ラベルだけが radius 2px を持つ。
ボールペンの書き味は、ボールとチップの隙間、インクの粘度、そして軸がたわむ量で決まります。ゼブラは「かく」という行為そのものを分解し、手が意識しない領域まで数値で管理しています。
本文の行間は 1.68、字間は normal。日本語サイトとしては標準的な設定で、読みやすさを主張しすぎないのがこのサイトの方針です。
カテゴリタイル — 1px の罫だけで区切る（radius 0）
押せる面はすべて直角。ピルは 1 つも存在せず、影も付けない。
タブ — 下線やインジケータを持たず、面色と文字色の反転だけで状態を示す
標準 CTA は padding: 20px 30px ＋ 1px solid #d9d9d9 ＋ 右向き矢印。ホバーでは色を変えず矢印を右に動かす。
カードも radius 0・影なし。奥行きは罫線と面色だけで作る。
入力欄も直角。フォーカスは枠ではなくアウトライン（--var-focus-outline-color: #fa051c）で示す。
Semantic の 4 色は「極薄の面色」であって文字色ではない。テキストは #141414 のまま面だけを染める。
実効する box-shadow は 2 種類だけ。カードもボタンも Level 0。
box-shadow: none;0 1px 2px 0 rgba(0,0,0,.16)inset 0 -1px 0 rgba(0,0,0,.25)影を足すと別のサイトになる。奥行きは #f8f8f8 の面と #d9d9d9 の 1px 罫で表現する。
コンテンツ幅 1170px。カテゴリタイルは 4 カラム、gap 28px 36px。
| Token | 変数 | Value |
|---|---|---|
| XS | --var-scale-layout8 | 8px (0.5rem) |
| S | --var-scale-layout20 | 20px (1.25rem) |
| M | --var-scale-layout32 | 32px (2rem) |
| L | --var-scale-layout36 | 36px (2.25rem) |
| XL | — | 60px（セクション間） |
| 値 | CSS 出現 | 用途 |
|---|---|---|
| 0 | 23 回 | 既定。ボタン・カード・タイル・入力欄 |
| 3px | 8 回 | フォーム内の小パーツ |
| 50% | 5 回 | アイコン |
| 2px | 4 回 | ラベル（.m-label） |
pill（9999px）は 1 つも存在しない。CTA を丸めると、このサイトではなくなる。
| Name | Width | 宣言回数 |
|---|---|---|
| Mobile | < 440px | 37 |
| PC 分岐 | ≥ 769px | 349 |
| Desktop | ≥ 1025px | 73 |
| Wide | ≥ 1268px | 3 |