BEAN TO BAR CHOCOLATE

原材料はカカオ豆ときび糖だけ

Dandelion Chocolate のデザインシステム。游明朝体をベースに Caslon を欧文見出しに併用する、クラフトチョコレートの温かみを体現した明朝体デザイン。ゴールド CTA（#e2c465 / pill radius 41px）がパッケージの箔押しと呼応する。テキスト色は rgba(0,0,0,0.75)。ウォームクリーム背景 #fffdf9 に全ウェイト 400。computed style 実測値（2026-05-08 取得）に基づく。

お買い物はこちら

Palette カラーパレット

Brand

Brand Gold

#e2c465

CTA・告知バー・箔押しモチーフ

Dark Charcoal

#33383c

ヘッダー・フッター

Dark Gold

#947f4a

セカンダリCTAテキスト

Surface

Warm Cream

#fffdf9

ページ背景（最頻出）

Cream Surface

#f7f5f1

目次・セカンダリCTA面

Subtle Gray

#f0f0f0

補助面

Text

Text Primary

rgba(0,0,0,0.75)

本文テキスト（半透明黒）

Text Strong

#121212

見出し

Text Link

#333333

ナビ・CTAテキスト

Typography タイポグラフィ階層

ABOUT ／ Caslon 大見出し

40px / 400 / line-height 1.3 / letter-spacing 2.4px (0.06em) / Caslonページ見出し h2 hero

原材料はカカオ豆ときび糖だけ

24px / 400 / line-height 1.3 / letter-spacing 1.44px (0.06em) / 游明朝体セクション見出し h2

トフィー／ガトーショコラ／チョコレートバー

18px / 400 / line-height 1.3 / letter-spacing 0.6px小見出し h3

私たちのチョコレートに使用するのは、シングルオリジンのカカオ豆ときび糖のみ。カカオ農家から直接仕入れた豆を、サンフランシスコと蔵前のファクトリーで丁寧にロースト、磨砕し、テンパリングを経て一枚一枚のチョコレートに仕上げます。Bean to Bar とは、カカオ豆からチョコレートバーまで、すべての工程を自社で一貫して行うこと。

14px / 400 / line-height 1.8 (25.2px) / letter-spacing 0.6px / color rgba(0,0,0,0.75)本文 p

【母の日ギフト】チョコレート・コレクション(2枚)

13px / 400 / line-height 1.3 / color #333商品カードタイトル h3 small

全国一律送料800円｜ 8000 円以上で当社負担

12px / 400 / line-height 1.25 / letter-spacing 0.6px告知バー span

お買い物はこちらもっと詳しく

CTA: ゴールド pill #e2c465 / クリーム pill #f7f5f1 (text #947f4a) / radius 41pxボタン

Bean to Bar Chocolate

ダーク面 #33383c はヘッダー・フッターに使用。チョコレートカラーに近いダークチャコールの上で、游明朝体の繊細な線が浮かび上がります。Caslon は英語の大見出しに使用し、ブランドのサンフランシスコ・ルーツを表現します。

詳しくはこちら