都市に泊まるという行為を、9 時間ぶんの時間に分解しました。ナインアワーズは、宿泊に必要な機能だけを残したカプセルホテルです。
グレーは --gray1 〜 --gray9 が 25 → 220 の完全な等間隔 9 段（1 段 24.375）。--gray10（233）だけがこの数列から外れており、入力欄の面色専用に足されている。
* --gray10 #e9e9e9 は等間隔なら 244 のはずの位置に 233 が入っている。検索フォームの面色。
札（タグ）は border-radius: 0。ボタン（8px）と形で役割を分けている。
和文の地の文が font-weight: 700。そのぶん行間 1.98・字間 0.06em で緩める（3 点セット）。letter-spacing は本文以下が 0.96px の px 固定で継承され、見出しだけ px を上書きして 0.08em に揃える。
YakuHanJP, "Noto Sans JP", sans-serif の 1 行で、約物（、。「」（））だけが半角字形になる。YakuHanJP は約物のグリフしか持たないため、それ以外は自動的に Noto Sans JP へ落ちる。palt とは効かせる範囲が違う（palt は数字・欧文を含む全字を詰める）ので、併用しない。
上下で 「 の前、、 の後ろ、（ ） の内外のアキが変わる。行が詰まるぶん、同じ幅により多くの文字が収まる。
ホテルに泊まるという行為から、装飾と過剰なもてなしを引きました。残ったのは、汗を洗い流すための 1 時間、眠るための 7 時間、身支度をするための 1 時間——合わせて 9 時間です。
スリープポッドは、寝具メーカーと共同で開発しました。遮音、遮光、空調。眠りの質を決める要素だけを、ひとつずつ詰めています。館内のサインは、館内図を見なくても迷わないことを目標に設計されました。禁煙
※ 一部の店舗では、デイユース（仮眠のみ）のご利用はお受けしておりません。
すべてのボタンが border: 2px solid を「塗りと同色」で持つ。黒ボタンは background #000 + border 2px solid #000、枠線ボタンは transparent + border 2px solid #060606。外形が完全に一致するので、入れ替えてもレイアウトが 1px も動かない。
Large — padding 13px 20px / 16px / 700。上下の外形が一致していることを確認できる。
Small — padding 5px 10px / 14px / 600。小サイズだけ #060606 / #f9f9f9 という純黒・純白から 6 ずらした値を使う。タッチターゲットは 35px で 44px 基準に届かないため、主要 CTA には使わない。
黒地の上 — Inverse（#ffffff ＋ border 2px solid #ffffff）と Ghost（rgba(255,255,255,.3)）。写真・黒地の上では白を透かす（黒を敷かない）。
カードは background #ffffff / border 1px solid --gray9 / radius 8px / 影なし。面をグレーで塗らず、罫だけで分ける。
Default
Focus
Error
検索欄だけ radius 0 ＋ --gray10 (#e9e9e9) の面。予約フォームは radius 8px ＋ 白地。入力欄の文字は 16px（iOS の自動ズーム回避）、プレースホルダは --gray7 (#ababab)。
影が 1 つも使われていない。トップ・店舗一覧の全要素で box-shadow: none。奥行きは黒地と白地の切り替えだけで作り、カードを分けたいときは罫を引く。
1px solid --gray92px solid #000000#000000モーションは全域 .4s cubic-bezier(.33, 1, .68, 1)（easeOutCubic）。速度差でヒエラルキーを作らない（ヒーローの写真だけ 2s）。
寸法トークンは存在しない。刻みは 5 と 10 を基準にしており、4px グリッドではない。
角丸は 8px（押せるもの）と 0px（札・検索欄）の 2 択。
8px（ボタン・入力欄・カード） ／ 0px（タグ・検索欄）
コンテナは 960px（基準・CSS 中 143 箇所） ／ 823px（読み物） ／ 1200px（ワイドな写真ブロック）。ブレークポイントは max-width: 960px と min-width: 961px で穴なく分ける 1 本。ヘッダーだけ 1037px で先に畳む。