宇治園 | PACKAGE DESIGN SYSTEM
パッケージ デザインシステム v1
宇マーク・カラー・タイポ・組み方を1つの規格に。大福シリーズで確定した比率を、金平糖・茶葉・ゴッタスなど全商品パッケージへ横展開するための基準です。
作成 2026-07-08 | 基準単位 M = 宇マークの高さ | 実データ: マーク 48×57.202px(比 1:1.192)/和文トラッキング 160
1宇マーク(ロゴ)
固定ルール
| 縦横比(不変) | W : H = 1 : 1.192 |
| 幅の算出 | W = H × 0.839 |
| 実データ | 48 × 57.202 px |
| 最小サイズ | 高さ ≥ 8mm / 32px |
| 色 | 苔オリーブ or 生成りの2値 |
| クリアスペース | 四周に 0.5×W 以上 |
※ シールド地=生成り、宇ストローク=地色(本図は近似シールド+実SVGの宇)。変形・回転・多色化は不可。
DO- 比率を保って拡縮
- 苔オリーブ or 生成りの単色
- 周囲に十分な余白
DON'T- 縦横比を崩す/回転する
- 影・グラデ・縁取りを付ける
- 他色・写真背景に直乗せ
2カラー
苔オリーブ(正色)#3d4b09推奨・基準
生成り(クリーム)#f4f2e6マーク・和文
セージ(英字)#c3c9a8英字サブ
現行地・煎茶#565f33要正規化
現行地・ほうじ茶#4c4c31要正規化
🔴 要判断:現行パッケージ地(#565f33/#4c4c31)とマークSVG(#3b4a24)がブランド正色 #3d4b09 とズレています。①正色#3d4b09に統一、②味ごとのティントを#3d4b09からの派生として制度化、のどちらかに決めたい。
3タイポグラフィ
和文タイトル(商品名)
| 書体(推奨) | 筑紫A オールド明朝 |
| 代替(安全) | 游明朝体 / ヒラギノ明朝 |
| サイズ | 0.35 M |
| トラッキング | 160(0.16em) |
| 揃え | 中央 |
要確認 書体は推奨。現行書体名が分かれば踏襲します。
英字サブタイトル
| 書体(推奨) | Avenir Next Light |
| 代替 | Optima / Futura |
| サイズ | 0.18 M |
| トラッキング | 60(0.06em) |
| 制約 | 和文幅の内側に収める |
表記はヘボン式(大福 = Daifuku)。最長名でも和文幅を超えない大きさで固定。
4ロックアップ(組み方・推奨バランス)
煎茶クリーム大福
Green Tea Cream Daifuku
宇マーク = M(4H)
間隔 = 0.25M(1H)
和文 = 0.35M(1H)
0.10M(0.4H)
英字 = 0.18M(0.5H)
比率早見表(M = 宇マーク高さ)
| 要素 | M基準 | 実データ換算(M=57.202px) |
| 宇マーク 高さ | M | 57.20 px |
| 宇マーク 幅 | 0.839 M | 48.00 px |
| 和文 フォントサイズ | 0.35 M | ≈ 20.0 px |
| マーク↔和文 間隔 | 0.25 M | ≈ 14.3 px |
| 和文↔英字 間隔 | 0.10 M | ≈ 5.7 px |
| 英字 フォントサイズ | 0.18 M | ≈ 10.3 px |
H=和文1文字の高さ。M=4H の関係で、以前の「マーク=4H」ルールと完全整合。名前が変わっても動くのは横幅だけ。
5全商品への適用例
大福・煎茶
煎茶クリーム大福
Green Tea Cream Daifuku
大福・ほうじ茶
ほうじ茶クリーム大福
Hojicha Cream Daifuku
正色 #3d4b09
抹茶クリーム大福
Matcha Cream Daifuku
茶葉パウチ(縦)
特上煎茶
Premium Sencha
同じロックアップ(マーク→和文→英字の縦積み・中央)を全フォーマットの「顔」として使用。判型が変わっても比率とマークサイズは共通。
6固定ルール & 前提・要確認
| ① マーク | 全SKU同一・比率 1:1.192 固定・単色・変形不可 |
| ② 和文 | サイズ0.35M・トラッキング160・中央。名前で変わるのは横幅のみ |
| ③ 英字 | 0.18M・控えめ固定・和文幅の内側・ヘボン式 |
| ④ 余白 | マーク↔和文=0.25M/和文↔英字=0.10M/外周クリアスペース0.5W |
| ⑤ 色 | 正色 #3d4b09/生成り #f4f2e6/セージ #c3c9a8 |
- 🟢確定(実データ):マーク比率 48:57.202、和文トラッキング 160
- 🟡推奨(要確認):和文書体(筑紫A/游明朝)、英字書体(Avenir Next)、サイズ比 0.35M/0.18M、余白比
- 🔴要オーナー判断:正色の統一(#3d4b09へ寄せるか/味ティントを制度化するか)、英字トラッキング値(60で仮置き)