オンラインショップ EN / JA
菓子をもって
日本の食文化の新たなかたちを提案する
HIGASHIYA のデザインシステム。Granjon(16世紀フランス活字)と教科書体(日本の書写教育用書体)を混植する、西洋のクラシシズムと日本の書道精神の融合。純黒 #000 × 純白 #fff のモノクローム。body 10px。ボタンUIゼロ。テキストリンクのみ。ギャラリーの展示キャプションのような控えめさ。computed style 実測値(2026-05-08 取得)に基づく。
Palette カラーパレット
Black
#000000
テキスト・罫線・すべてのUI要素。純黒のみ使用
White
#ffffff
ページ背景。色彩をCSSでは一切使わない
サイトの朱色・和紙テクスチャはCSS背景色ではなく画像として配置。デザインシステムとしてはモノクロームのみ
Typography タイポグラフィ階層
HIGASHIYA
36px / 400 / line-height 1.4 / Granjon LT W01 Romanロゴ h1
店 / Page Title
22px / 400 / line-height 1.4 / letter-spacing 1.76px (0.08em)ページ見出し h2
HIGASHIYA GINZA
20px / 400 / line-height 1.4セクション見出し h3
はじめに / 果子 / 折弁 / 店
18px / 400 / line-height 1.0 / Granjon + 教科書体メインナビゲーション a
季節の生菓子のご案内。ひとつひとつ手作りの果子は、移ろう季節の風情を映します。「和菓子」を現代の日本のライフスタイルに合うかたちで再解釈し、素材の持つ力を最大限に引き出した味わいをお届けします。
13px / 400 / line-height 1.75 (22.75px)本文 p
2026.05.08
12px / 300 / line-height 1.75 / letter-spacing 0.72px (0.06em) / Helvetica W01 Light Cn日付ラベル
オンラインショップ
12px / 300 / line-height 2.5 / letter-spacing 1.6px (0.133em) / Helvetica Cnヘッダーリンク a
東京都中央区銀座 1-7-7 ポーラ銀座ビル 2F
14px / 400 / line-height 2.5 (35px)住所 li
body テキスト — gallery caption size。通常の Web サイトの約 60%。
10px / 400 / line-height 1.15 (11.5px) — body base sizeボディ基底サイズ
News お知らせ
Shops
Spacing 余白
S · 8px
M · 16px
L · 32px
XL · 60px
XXL · 100px
XXXL · 160px