DESIGN SYSTEM
デザインシステムプレビュー

高島屋のデザイントークンを
カタログ化したプレビューです

企業情報サイトの computed style 実測値(2026-06-18 取得)に基づき、カラー、タイポグラフィ、コンポーネント、レイアウトトークンを可視化しています。Jost + Noto Sans JP のデュアルフォントシステムが特徴です。

企業情報はこちら グループ事業一覧 VIEW MORE

01 / Colors

カラーパレット

Brand
Takashimaya Red
#dd0012
ブランドカラー。バナー・CTA・ボーダーアクセント
Red Hover
#c4000f
ホバー・プレス時の暗めバリエーション(推奨)
Neutral
Text Primary
#333333
本文テキスト・見出し
Section BG
#e7e7e7
セクション背景面
Light Gray Border
#dddddd
区切り線・テーブルボーダー
White
#ffffff
ページ背景・カード面
Semantic(推奨補完値)
Danger
#cc0000
エラー・削除(推奨)
Success
#2e7d32
成功・完了(推奨)
Warning
#e65100
警告・注意(推奨)

02 / Typography

タイポグラフィ階層

VOL.26 — Display (EN / Jost)
Jost / 50px / 700 / line-height 1.2 / letter-spacing 0.02em号数表示
TOP MESSAGE — Section Label (EN / Jost)
Jost / 30px / 700 / line-height 1.6 / letter-spacing 0.04emセクション英語ラベル
トップメッセージ — Section Label (JA)
Noto Sans JP / 18px / 700 / line-height 1.6 / letter-spacing 0.06emセクション日本語ラベル
企業情報トップ — Body Lead (weight 500)
Noto Sans JP / 20px / 500 / line-height 1.6 / letter-spacing 0.024emリード文
高島屋各店はこちら — H2 Section (weight 700)
Noto Sans JP / 16px / 700 / line-height 1.0 / letter-spacing 0セクション見出し
企業情報 — Nav Link (weight 600)
Noto Sans JP / 15px / 600 / line-height 1.6 / letter-spacing 0.032emグローバルナビ
本文テキスト — 高島屋は1831年の創業以来、百貨店業を通じて、お客様の暮らしに寄り添い、「いつも、人から。」の精神で事業を展開してまいりました。日本語組版においてプロポーショナル字詰め(palt)を適用し、美しい文字組を実現しています。
Noto Sans JP / 16px / 400 / line-height 1.6 / letter-spacing 0.025em / palt本文
メニューアイテム — Menu Item (weight 500)
Noto Sans JP / 14px / 500 / line-height 1.6 / letter-spacing 0.034emメニュー
VIEW MORE — Text Link (EN / Jost)
Jost / 11px / 700 / line-height 1.0 / letter-spacing 0.04emテキストリンク
百貨店業 — Small Label (palt)
Noto Sans JP / 10px / 400 / line-height 1.3 / palt小ラベル

本文組版サンプル

SEASONAL EVENT
季節の催事

夏の大北海道展

北海道の豊かな恵みを一堂に集めた、高島屋の夏の風物詩。新鮮な海鮮、酪農王国が誇る乳製品、ラベンダーの香り漂うスイーツまで、選りすぐりの逸品をお届けいたします。

見どころ

今年は初出店を含む全50店舗が集結。イートインコーナーでは、漁港直送のウニ丼や、十勝産小豆を使った特製おはぎをその場でお召し上がりいただけます。各日数量限定の特別商品もご用意しております。

開催概要:日本橋高島屋S.C. 本館8階催会場にて。会期中は午前10時より午後8時まで(最終日は午後5時閉場)。お支払いには高島屋カード、各種クレジットカード、交通系ICカードをご利用いただけます。

※ 催事の内容は予告なく変更になる場合がございます。一部商品は売り切れ次第終了となります。詳しくは各店舗までお問い合わせください。

VIEW MORE
NIHONBASHI TAKASHIMAYA S.C.

日本橋高島屋S.C.

東京都中央区日本橋二丁目4番1号
TEL: 03-3211-4111(代表)
営業時間: 午前10時30分 - 午後7時30分


04 / Buttons

ボタンバリエーション

企業情報はこちら
Primary — Red / radius 10px
グループ事業一覧
Outline — border 1px solid #000 / radius 0
一覧を見る
White — no border / radius 0
VIEW MORE
View More — Jost / 11px / 700
Banners / Tags
重要なお知らせ 高島屋各店はこちら 催事

イベント・催事カード

SUMMER 2026
催事

夏の大北海道展

北海道の豊かな恵みを一堂に集めた、高島屋の夏の風物詩。厳選された逸品をお届けします。

2026.07.15 - 07.28
GOURMET
グルメ

世界のワインフェスタ

フランス、イタリア、チリなど各国のワインを試飲・購入いただける特別な催事です。

2026.08.01 - 08.14
CULTURE
文化

日本の伝統工芸展

全国の工芸作家による実演と販売。漆器、陶磁器、染織物など匠の技をご覧いただけます。

2026.09.01 - 09.15

06 / Forms

フォーム要素

Default — border #dddddd / radius 0px
Focus — border #dd0012 / shadow 3px
正しい電話番号を入力してください。
Error — border #cc0000 / shadow 3px
Select — appearance: none / custom arrow

Depth & Elevation

Level 0: Flat
影なし(基本全要素)
Elevation 1
0 2px 8px rgba(0,0,0,0.06)
Elevation 2
0 4px 16px rgba(0,0,0,0.08)
Elevation 3
0 8px 24px rgba(0,0,0,0.10)

08 / Layout — Spacing & Radius

スペーシング & ラディウス

Spacing Scale(8px ベース)
XS
4px
S
8px
M
16px
L
24px
XL
48px
XXL
80px
Border Radius Scale
None
0px
Small
10px