生成りの地にワインレッドの線。サイト全体に font-feature-settings: "palt" が効いているのがこのサイト最大の特徴で、見出しから本文・ナビ・フッターまで全要素が詰め組みになる（フォーム要素だけ normal）。以下はすべて computed style の実測値（2026-08-24 取得）。
| 対象 | 指定 |
|---|---|
| 本文・見出し・ナビ・フッター | "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif |
| 特集見出し（h2 / 一部 h3） | serif ← 和文明朝の指定を持たない 1 語だけ。OS 依存になる |
※ 実サイトは ヒラギノ角ゴ Pro W6 を先頭に置き、ウェイトをフォント名で固定している（macOS では font-weight: 400 でも W6 で描画される）。Web では表示できないため、このプレビューでは Noto Sans JP で代替した。
※ Pro（JIS90）と ProN（JIS2004）を両方並べるという珍しい構成で、Pro が先。
※ 明朝は実サイトが font-family: serif の 1 語だけで macOS = ヒラギノ明朝 ProN / Windows = MS 明朝 と字形が変わるため、ここでは DESIGN.md の推奨どおり "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif に置き換えている。
素材は、おいしさの原点。よりおいしいお菓子をつくるために、産地に足を運び、その年の出来を確かめてから仕入れを決めています。
自家源泉の水、契約牧場の牛乳、そして旬の果実。工場でつくり、直営店で売るからこそ、この鮮度でお届けできます。
オンラインショップなら 24 時間ご注文いただけます。通販限定の詰合せもご用意しています。
| 値 | 用途 |
|---|---|
0px | メガメニューのカテゴリ帯 |
2px | タグ・キーワードチップ（ほぼ直角） |
4px | メニュー項目 |
9px | お知らせカード・商品カード |
10px | LIMITED / TOPICS バッジ |
30px | ボタン・入力欄（ピル） |
100px | 「オンラインショップ」ピル |
| 項目 | 値 |
|---|---|
| Max Width | 1280px / padding-x 20px |
| 特集カード | 3 カラム |
| 商品カード | 4 カラム |
| Mobile | ≤ 767px — 1 カラム。ナビはドロワー（「とじる」帯 #121212） |
| Tablet | 768–1023px — カード 2 カラム |
| Desktop | ≥ 1024px — カード 3〜4 カラム ＋ ナビのピル展開 |