テンションあがる、街遊び。

OMO by 星野リゾート — 街ナカホテル

DESIGN.md から抽出したデザイントークンのカタログ。黒地 × ネオンイエロー #fff778 を主役に、カラー・フォント・コンポーネントの全値を可視化。computed style 実測値に基づく。

特集一覧へ 空室を見る
01 / COLORS

カラーパレット

Brand / Core
Background Black
#000000
ページ背景（デフォルト）
Neon Yellow
#fff778
本文・見出し・CTA（OMO の核）
Background Invert
#1a1a1a
ダーク反転面
Accent / Semantic
Cyan / 予約
#00a0cb
予約ボタン（星野共通）
Teal / Link
#006a86
リンク（白地）
Strong Red
#d50000
強調・エラー
Facility Green
#5d9364
施設別アクセント例（OMO3浅草）
Neutral / Grey
Text Sub
#555555
サブテキスト（白地）
Text Muted
#999999
注釈（白地）
Plain Grey
#e6e6e6
プレーンボタン地
BG Base (white)
#ffffff
白地サーフェス
02 / TYPOGRAPHY — 実測値

タイポグラフィ階層

大見出し H2 — テンションあがる、街遊び。
Zen Kaku Gothic Antique / 32px / 600 / line-height 1.0-1.5 / #fff778
中見出し H3 — OMOレンジャーと街を遊び尽くす
Zen Kaku Gothic Antique / 21px / 600 / letter-spacing -0.02em / #fff778
本文テキスト — OMO は星野リゾートが展開する街ナカホテル。本文は 16px・line-height 1.75 と日本語向けにゆったり組み、黒地のネオンイエローを読みやすくします。letter-spacing は normal。ABCabc 123
Noto Sans JP / 16px / 400 / line-height 1.75 / normal / #fff778
補助テキスト・キャプション — Body / Small
Noto Sans JP / 14px / 400 / line-height 1.5 / #fff778
・リスト項目（line-height 1.7）
・グレード番号 OMO5 / OMO7 は HNumber（タブラー）で桁を揃える
Noto Sans JP / 14px / 400 / line-height 1.7 / #fff778
03 / BUTTONS — radius 4px / 予約 2px

ボタンバリエーション

特集一覧へ
OMO Signature CTA（固有）
予約する
Reservation（星野共通）
もっと見る
Plain（共通）
OMO5
Facility Badge
OMO3 浅草
施設別アクセント
04 / CARDS — Facility Card

施設カード

OMO5
OMO5 / 都市観光ホテル

OMO5 東京大塚

レトロな大塚の街を遊び尽くす拠点。OMOベースで一日中くつろげる。
OMO3
OMO3 / 観光ホテル

OMO3 浅草

浅草寺もスカイツリーも徒歩圏。施設アクセントは緑 #5d9364。
OMO7
OMO7 / フルサービス

OMO7 旭川

道北の旅の起点。広いパブリックスペースとサウナで街と自然を満喫。
05 / WHITE SURFACE — 反転（ドロワー / フッタータイル）

白地サーフェス

ご予約・お問い合わせ

白地サーフェスではテキストを黒 #000、サブを #555、リンクをティール #006a86 に反転します。ドロワーやフッタータイルなど、黒地から切り替わる面で使います。

注釈テキストは #999999（muted）
06 / FORMS — radius 4px（ダーク面）

フォーム要素

デフォルト — bg #1a1a1a / border #7a7a7a / radius 4px
フォーカス — border #fff778（黄色に発光・リングなし）
エラー — border #d50000
07 / ELEVATION

Depth & Elevation

Level 0: Flat
影なし（黒×黄のコントラストで魅せる）
Level 1: Card
0 2px 8px rgba(0,0,0,0.3)（控えめ）
Yellow Outline
立体感は黄色の枠線で輪郭を立てる