PRESS BUTTER SAND

焼きたての、贅沢を。

バターサンド専門店

PRESS BUTTER SAND（buttersand.com）から抽出したデザイントークンのカタログ。筑紫Aオールド明朝（Shippori Mincho 代替）と Futura LT Pro（Jost 代替）の二系統フォント、font-feature-settings: normal（palt 不使用）、letter-spacing 三段階（0.15em / 0.125em / 0.05em）、ブランドオレンジ #ff3300 と黒 #000000 のドラマティックなパレット、radius 0px の角型 CTA。computed style 実測値に基づく。

PRODUCTS VIEW MORE

01 / COLORS

COLOR PALETTE

Color Palette -- Brand Orange #ff3300 + Monotone (Black / Gray / White)

BRAND

Brand Orange

#ff3300

CTA / Section Title / Accent

Black

#000000

Hero BG / Body Text

TEXT

Text Primary

#000000

Body / News Title

Text Dark

#231815

Footer Dark Text

Text Dark Alt

#222222

Supplementary Text

Text Secondary

#666666

Meta / Date

Text Tertiary

#333333

Mid-gray

Text on Dark

#ffffff

White on Black / Orange

SURFACE

Surface Light Gray

#d2d2d2

Page Body BG

Surface Hero

#000000

Hero / Top Area BG

Surface White

#ffffff

Card / Content Block

Surface Off-White

#f4f4f4

Light BG Variant

Surface Light Gray 2

#ededed

Section BG Variant

Surface Light Gray 3

#dbdbdb

Border / Divider

02 / TYPOGRAPHY

TYPOGRAPHY

Typography -- Tsukushi A Old Mincho (Shippori Mincho) + Futura LT Pro (Jost) / palt OFF / ls 3 levels

PICK UP

Jost (Futura LT Pro) / 28px / 500 / line-height: 1.0 / letter-spacing: 0.05em / color: #ff3300Section Title EN

バターサンド〈プレーン〉

Shippori Mincho (Tsukushi A Old Mincho) / 26px / 400 / line-height: 1.61 / letter-spacing: 0.125em / color: #ff3300Product Title JP

季節限定フレーバーのご案内

Shippori Mincho (Tsukushi A Old Mincho) / 15px / 400 / line-height: 1.85 / letter-spacing: 0.15em / color: #000000News Title JP

PRODUCTS

Jost (Futura LT Pro) / 14px / 500 / line-height: 1.0 / letter-spacing: 0.02em / color: #ffffff on #ff3300CTA Button EN

Jost (Futura LT Pro) / 11px / 500 / line-height: 1.0 / color: #ff3300 + border-bottomCTA Link EN

STORE INFORMATION

Shippori Mincho (Tsukushi A Old Mincho Pr6 M) / 12px / 500 / line-height: 1.0Footer Label JP

北海道産の発酵バターを贅沢に使用した、焼きたてのバターサンド。表面はサクッと、中はしっとり。バタークリームのなめらかな口どけと、クッキーの香ばしさが織りなすハーモニーをお楽しみください。

Hiragino Kaku Gothic ProN / 14px / 400 / line-height: 1.85 / letter-spacing: 0.05emBody

焼きたての、贅沢を。

Shippori Mincho / 18px / 400 / line-height: 2.0 / letter-spacing: 0.15em / writing-mode: vertical-rlVertical Tagline

03 / ARTICLE

ARTICLE

Product Page Sample -- Luxury Confectionery

NEW ARRIVAL

PICK UP

バターサンド〈プレーン〉

北海道産の発酵バターを贅沢に使用した、PRESS BUTTER SAND を代表する一品。サクサクのクッキーで、なめらかなバタークリームとバターキャラメルを挟みました。焼きたての香ばしさと、口の中でとろけるバターの余韻をお楽しみください。

素材へのこだわり

INGREDIENTS

クッキー生地には厳選した北海道産小麦と発酵バターを使用。バタークリームは、フレッシュバターの風味を最大限に引き出す独自の製法で仕上げています。バターキャラメルは銅鍋でじっくりと炊き上げ、深いコクと繊細な甘さを実現しました。

2026.05.15

夏季限定フレーバー「マスカルポーネ&ラズベリー」発売のお知らせ

2026.05.01

東京駅グランスタ店リニューアルオープンのご案内

PRODUCTS VIEW MORE

04 / BUTTONS

BUTTONS

Buttons -- radius 0px / sharp edges / #ff3300 filled CTA

PRODUCTS

Primary / filled #ff3300 / radius 0 / Jost 500

Secondary / text + underline #ff3300

STORE LIST

Nav Outline / 1px border / Jost 500

STORE

Nav Link / bg #d2d2d2 / radius 0

ON DARK BACKGROUND

PRODUCTS

Primary / #ff3300 on black

Secondary / #ff3300 text + underline

ONLINE SHOP

Outline / 1px white border

05 / CARDS

CARDS

Product Cards -- shadow none / radius 0 / flat

Product Image

NEW ARRIVAL

バターサンド〈プレーン〉

¥1,188

Product Image

PICK UP

バターサンド〈宇治抹茶〉

¥1,296

Product Image

LIMITED

バターサンド〈檸檬〉

¥1,296

Product Image

GIFT

バターフィナンシェ

¥1,080