ZOJIRUSHI — きょうを、だいじに。

TOPICS

象印マホービンのデザインシステムをカタログ化したプレビューです。トップページ・商品ページの computed style 実測値(2026-05-31 取得)に基づき、カラー、タイポグラフィ、コンポーネント、レイアウトトークンを可視化しています。

詳しくはこちら もっと見る ニュースリリース一覧 →

01 / Colors

COLOR PALETTE

Brand
Brand Blue
#1d87d0
アクセントカラー。タブ、装飾ライン、テキスト強調。CTA には使わない
Link Blue
#0075c2
テキストリンク、商品カード内リンク
Warm Cream
#f9f6ed
プロモーション面、オンラインストア導線
Neutral
Dark Text
#222222
主要テキスト・見出し・CTA 文字色
Near Black
#1a1a1a
商品名・カテゴリ名
Gray
#666666
補足テキスト・キャプション
Light Gray
#cccccc
非アクティブタブ・ボーダー
Surface Light
#f6f6f6
薄いグレー面
Light Blue Tint
#dfeaf5
薄いブルー面(ブランドブルーの淡色)
White
#ffffff
ページ背景・CTA 背景
Semantic (Recommended)
Danger
#cc3333
エラー・削除(推奨)
Success
#2e8b57
成功・完了(推奨)
Warning
#cc8800
警告・注意(推奨)

02 / Typography

TYPOGRAPHY

TOPICS — Section H2 (Large)
35px / 700 / line-height 1.0 / letter-spacing 0.05emトップ
EVERINO — Product Title
24px / 700 / line-height 1.3 / letter-spacing 0.03em商品ページ
夏の暮らしを涼やかに — Topic Title
21px / 700 / line-height 1.1 / letter-spacing 0.03emトップ
電気ポット・電動ポット — Category Name
20px / 400 / line-height 1.7 / letter-spacing 0.04em商品ページ
きょうを、だいじに。毎日の暮らしに寄り添い、心地よい時間をつくる道具を届けたい。象印マホービンは、温度を守る技術とともに歩んできました。
20px / 400 / line-height 2.0 / letter-spacing 0.12emブランドコピー
象印は、1918年の創業以来、魔法瓶に始まり、炊飯器、ポット、ホットプレートなど、暮らしの道具を作り続けてきました。 — Brand Statement
19px / 400 / line-height 1.68 / letter-spacing 0.04emトップ
ステンレスマグやフードジャーなど、温かさや冷たさを長時間キープする携帯ボトル。通勤・通学からアウトドアまで、日常のさまざまなシーンでお使いいただけます。 — Article Body
17px / 400 / line-height 1.5 / letter-spacing 0.04em記事本文
ZOJIRUSHI — Brand Label
16px / 700 / line-height 1.5 / letter-spacing 0.02em / color #1d87d0商品ページ
デフォルト本文テキスト(body の基本設定)。象印マホービンの公式サイトの基本フォントサイズは 14px です。 — Body Default
14px / 400 / line-height 1.5 / letter-spacing normal全体
PICK UP — H2 (Pickup)
14px / 500 / line-height 1.0 / letter-spacing 0.05emトップ

BRAND STORY

PRODUCTS

きょうを、だいじに。毎日の暮らしに寄り添い、心地よい時間をつくる道具を届けたい。象印マホービンは、温度を守る技術とともに歩んできました。

暮らしを支える技術

1918年の創業以来、象印は「温度を守る」技術を核に、魔法瓶から炊飯器、電気ポット、ホットプレートまで、家庭のキッチンに欠かせない道具を作り続けてきました。

STAN. シリーズ

日常に溶け込むデザインと確かな機能性。STAN. は象印が提案する、新しいキッチンの在り方です。シンプルでありながら存在感のあるフォルム。

お知らせ:2026年夏の新製品ラインナップを公開しました。ステンレスマグ、炊飯器、ホットプレートの最新モデルをご紹介しています。

※ 掲載の商品は 2026年5月時点のものです。商品の仕様・価格は予告なく変更される場合があります。


04 / Product

PICK UP

ZOJIRUSHI

EVERINO

オーブンレンジ

レンジ・オーブン・グリルに加え、唯一のあたため技術を搭載。毎日の料理がもっと手軽に。

  • うきレジグリル
  • サクレジ機能
  • 庫内フラット構造
商品情報はこちら
ZOJIRUSHI

シームレスせん

ステンレスマグ

せんとパッキンが一体化。洗いやすく、使いやすい携帯マグ。

  • せんとパッキンが一つに
  • 分解不要で洗いやすい
  • 軽量・コンパクト
商品情報はこちら

05 / Buttons

BUTTONS

詳しくはこちら
Primary CTA — White Pill / #fff + #222
もっと見る
Ghost CTA — transparent / radius 48px
Tabs

タブのコンテンツ領域。アクティブタブは Brand Blue #1d87d0、非アクティブは #cccccc。上だけ角丸(radius 10px 10px 0 0)。

Product Card CTAs
商品情報はこちら
Card CTA — White Pill
一覧を見る →
Card Link — #0075c2

FORMS

Default — border #cccccc / radius 4px
Focus — border #1d87d0 / shadow 3px
正しい電話番号を入力してください
Error — border #cc3333 / shadow 3px

07 / Elevation

DEPTH & ELEVATION

Level 0: Flat
none (default)
Elevation 1
0 2px 8px rgba(0,0,0,0.05)
Elevation 2
0 4px 16px rgba(0,0,0,0.08)
Elevation 3
0 8px 32px rgba(0,0,0,0.10)

08 / Layout

SPACING & RADIUS

Spacing Scale (8px base)
XS
4px
S
8px
M
16px
L
24px
XL
48px
XXL
80px
XXXL
120px
Border Radius Scale
Small
4px
Medium
10px
Large
16px
XL
48px
Pill
999px