Website Design Showcase

Chezchoux

西樹泡芙

精緻、高雅、專業 — 以品牌官方橙紅色及金黃色為主調。
Elegant, luxurious, professional — built on the official brand Pantone palette.

01 — Color System

Brand Pantone

Official brand palette — Pantone 1655C orange-red, 123C gold, cream white.

Core Palette

cream

#FFFEF0

bg-alt

#FFF8DC

white

#FFFFFF

border

#E8E0D4

fg-subtle

#A89B8C

fg-muted

#6B5D4F

fg

#1A1008

accent

#FF3C00

Accent & Semantic

orange 1655C

#FF3C00

gold 123C

#FFDC4A

orange-dark

#E63600

accent-subtle

#FFF0EB

gold-muted

#FFF5CC

02 — Typography

Fraunces + Inter

Optical-size variable serif paired with clean geometric body.

Display / 72 Chezchoux

H1 / 56 Handcrafted Elegance

H2 / 40 Featured Collection

H3 / 28 Our Signature Choux

H4 / 22 Matcha Choux au Craquelin

Body L / 18 Each pastry is a testament to our commitment to using only the finest ingredients, crafted with precision and passion.

Body / 16 Our choux pastries combine the French tradition of pate a choux with Hong Kong's vibrant flavour palette.

Caption / 12 SEASONAL COLLECTION · LIMITED EDITION

Overline / 11 Featured This Week

Price / Mono HK$ 68.00

03 — Spacing, Radius & Shadows

Measured Precision

Border Radius — Applied to Real Components

1

4px — Quantity

立即選購品牌故事

8px — Buttons

芒果泡芙

HK$58

12px — Cards

16px — Frames

新品

陳

full — Badges

Elevation / Shadows — Applied to Real Components

「全港最好食的泡芙！」

陳

陳小姐

sm — Testimonial

芒果忌廉泡芙

新鮮芒果粒配幼滑忌廉

HK$ 58

md — Product Card

10+

年烘焙經驗

20+

獨創口味

lg — About Image

chezchoux.com.hk

CTA Link

xl — Browser Frame

`spacing-base`	8px	Grid base unit, icon gaps
`spacing-section`	80–96px	Section padding (py-20, py-24)	Content
`spacing-card`	16–24px	Card internal padding, grid gaps
`radius-md`	8px	Buttons, inputs, small cards	立即選購品牌故事
`radius-lg`	12px	Product cards, testimonial cards
`radius-xl`	16px	Mockup frames, large containers
`radius-full`	9999px	Badges, avatars, dots	新品陳
`shadow-sm`	0 1px 2px	Testimonial cards, subtle lift
`shadow-md`	0 4px 12px	Product cards, hover state
`shadow-lg`	0 12px 24px	About section image, modals	10+
`shadow-xl`	0 24px 48px	Mockup frames, browser chrome

04 — Components

UI Primitives

Buttons, badges, inputs, and cards — built for shadcn/ui + Framer Motion.

Buttons

Icons (Lucide-style, 1.5px stroke)

Facebook

Instagram

WhatsApp

聯絡我們

分店位置

帳戶

2

購物車

選單

地圖

箭頭

電郵

網站

評分星

關閉

Announcement Bar

Enjoy free delivery on orders of HK$500+*

Testimonial Card

「芒果泡芙真的太好食了！每一口都感受到食材的新鮮和用心。全港最好食的泡芙，絕對值得推薦！」

陳

陳小姐

中環

Product Card

芒果泡芙

芒果忌廉泡芙

新鮮芒果粒配幼滑忌廉

HK$ 58

1

雲呢拿泡芙

法式雲呢拿泡芙

馬達加斯加雲呢拿卡士達

HK$ 55

1

朱古力泡芙

朱古力核桃泡芙

濃郁朱古力配烤核桃碎

HK$ 62

1

05 — Full Page Mockup

首頁設計

Homepage Design

Complete homepage layout with all sections, responsive and production-ready.

www.chezchoux.com.hk

Enjoy free delivery on orders of HK$500+*

聯絡我們分店位置

2

西樹泡芙 Puff MOCHI 蛋糕 Cake 季節性產品 Seasonal 推廣產品 Promotional 散水餅套餐 Party Set 禮券 Coupon

法式手工泡芙 · 香港

Artisan Patisserie · Hong Kong

匠心手作
極致泡芙

Handcrafted with Passion

每一顆泡芙都是愛的結晶 — 每日新鮮出爐，採用最上等的法式烘焙技術及頂級食材精心製作。

Every choux is a labour of love — baked fresh daily using the finest French techniques and premium ingredients.

Chez Choux 手工泡芙

10+

年烘焙經驗

Years of Baking

20+

獨創口味

Original Flavours

關於我們 About Us

匠心獨運
為您帶來無窮滋味

這些年，在泡芙製作的過程中，我們積累了豐富的經驗和專業知識。不斷的學習，研發出最佳的烘焙技術，為大眾提供最酥脆鬆化的烘焙食品。我們採用新鮮、上等和時令的食材，創作出與眾不同的獨特餡料，別具一格，為客人帶來無窮滋味！

Over the years, we have developed the finest baking techniques using fresh, premium, seasonal ingredients to create uniquely delightful pastries.

合作夥伴 — Cathay, Klook, Foodpanda, Keeta, 鄰住買

精選推薦 Featured

人氣產品

Hot Seller

芒果泡芙

芒果忌廉泡芙

新鮮芒果粒配幼滑忌廉

HK$ 58

1

雲呢拿泡芙

法式雲呢拿泡芙

馬達加斯加雲呢拿卡士達

HK$ 55

1

朱古力泡芙

朱古力核桃泡芙

濃郁朱古力配烤核桃碎

HK$ 62

1

熔岩朱古力泡芙

熔岩朱古力泡芙

流心朱古力配可可脆片

HK$ 65

1

抹茶泡芙

宇治抹茶泡芙

日本宇治抹茶忌廉

HK$ 60

1

紫薯泡芙

紫薯忌廉泡芙

日本紫薯配幼滑忌廉

HK$ 58

1

招牌系列 Signature Series

經典原味
酥皮泡芙

The Original Craquelin Choux

我們的招牌之作 — 完美酥脆的菠蘿皮外殼，包裹著如雲朵般輕盈的手打忌廉。一切從這顆泡芙開始。

Our signature creation — a perfectly crisp craquelin shell encasing clouds of hand-whipped cream.

顧客好評 Testimonials

深受喜愛

Loved by Many

「芒果泡芙真的太好食了！每一口都感受到食材的新鮮和用心。全港最好食的泡芙，絕對值得推薦！」

陳

陳小姐

中環

「訂了生日派對用的泡芙禮盒，包裝精美，味道一流。酥皮泡芙的口感真的無得輸，朋友們都讚不絕口！」

李

李先生

尖沙咀

「終於搵到一間真正有質感的泡芙店。由食物到包裝，每個細節都做得很好。回頭客無疑！」

黃

黃小姐

灣仔

「每次經過都要買幾個！朱古力泡芙是我的最愛，餡料濃郁不甜膩，搭配酥脆的外皮，完美！」

林

林小姐

銅鑼灣

「公司團購了三盒，同事們都搶住食。包裝好有質感，送禮自用都一流。下次一定會再訂！」

張

張先生

觀塘

「抹茶泡芙味道好正宗！用料真材實料，食得出係日本抹茶。值得專程去買！」

王

王小姐

旺角

「第一次試就愛上！奶油泡芙入口即化，甜度剛好。女朋友生日訂了一盒，佢開心到不得了！」

周

周先生

沙田

「外賣送到屋企都仲好新鮮，包裝好仔細，完全冇壓爛。客服態度又好，真係難得嘅好店！」

劉

劉太太

將軍澳

「帶日本朋友嚟試，佢哋都話好好味，水準可以同東京嘅泡芙店媲美。身為香港人真係好驕傲！」

何

何先生

九龍塘

聯絡我們

聯絡我們

Contact Us

歡迎查詢訂單、批發合作或任何問題

香港街景

我們的分店

Our Shops

歡迎蒞臨我們的分店，親身體驗新鮮出爐的泡芙

Homepage — Desktop viewport (1440px) — Chezchoux Website Design

06 — Mobile Homepage

流動裝置版本

Mobile Version (390px)

Enjoy free delivery on orders of HK$500+*

法式手工泡芙 · 香港

Artisan Patisserie · Hong Kong

匠心手作
極致泡芙

Handcrafted with Passion

每一顆泡芙都是愛的結晶 — 每日新鮮出爐，採用最上等的法式烘焙技術及頂級食材精心製作。

關於我們 About Us

匠心獨運
為您帶來無窮滋味

這些年，在泡芙製作的過程中，我們積累了豐富的經驗和專業知識。不斷的學習，研發出最佳的烘焙技術…

Over the years, we have developed the finest baking techniques...

合作夥伴

精選推薦 Featured

人氣產品

Hot Seller

芒果泡芙

芒果忌廉泡芙

新鮮芒果粒配幼滑忌廉

HK$ 58

雲呢拿泡芙

法式雲呢拿泡芙

馬達加斯加雲呢拿卡士達

HK$ 55

朱古力泡芙

朱古力核桃泡芙

濃郁朱古力配烤核桃碎

HK$ 62

熔岩朱古力泡芙

熔岩朱古力泡芙

流心朱古力配可可脆片

HK$ 65

招牌泡芙

招牌系列 Signature

經典原味
酥皮泡芙

The Original Craquelin Choux

完美酥脆的菠蘿皮外殼，包裹著如雲朵般輕盈的手打忌廉。

顧客好評

深受喜愛

「芒果泡芙真的太好食了！每一口都感受到食材的新鮮和用心。全港最好食的泡芙！」

陳

陳小姐

中環

「訂了生日派對用的泡芙禮盒，包裝精美，味道一流。酥皮泡芙的口感真的無得輸！」

李

李先生

尖沙咀

「終於搵到一間真正有質感的泡芙店。由食物到包裝，每個細節都做得很好。回頭客無疑！」

黃

黃小姐

灣仔

聯絡我們

聯絡我們

Contact Us

歡迎查詢訂單、批發合作或任何問題

我們的分店

我們的分店

Our Shops

歡迎蒞臨我們的分店，親身體驗新鮮出爐的泡芙

法式手工泡芙 · 香港製造

所有產品皇牌系列季節限定禮盒套裝品牌故事聯絡我們

info@chezchoux.com.hk

+852 1234 5678

星期一至六 10am–7pm

© 2026 Chez Choux 西樹泡芙

私隱政策使用條款送貨資訊

Homepage — Mobile viewport (390px) — iPhone 14/15 frame

06 — Motion System

Gentle & Purposeful

Every animation serves meaning. Respect reduced-motion preferences.

Motion Tokens

Token	Value	Used for
`ease-out`	`0.22, 1, 0.36, 1`	All entrance animations
`ease-in-out`	`0.65, 0, 0.35, 1`	Carousel transitions
`spring`	`0.34, 1.56, 0.64, 1`	Button press, menu open
`150ms`	Hover states, button feedback, micro-interactions
`250ms`	Tooltips, dropdowns, color transitions
`400ms`	Carousel slide, menu panel, modal open
`600ms`	Scroll reveal entrance, page transitions

Hero Section Entrance — Auto Loop

法式手工泡芙 · 香港

匠心手作
極致泡芙

Handcrafted with Passion

每一顆泡芙都是愛的結晶 — 每日新鮮出爐，採用最上等的法式烘焙技術。

立即選購品牌故事

The hero text, subtitle, body, and CTA buttons fade in together with a 600ms ease-out slide-up.

Fade + Slide Up

Testimonial card entrance. 600ms ease-out, 24px translate.

「全港最好食的泡芙，絕對值得推薦！」

陳

陳小姐

initial: { opacity: 0, y: 24 }

Stagger Children

Product cards animate in sequentially. 80ms delay each.

staggerChildren: 0.08

Card Hover Lift

Product cards lift on hover. Try hovering the cards below.

🥐

芒果泡芙

HK$58

🍫

朱古力泡芙

HK$62

🍓

士多啤梨泡芙

HK$60

whileHover: { y: -6 }

Button Transitions

Hover the actual CTA buttons used in the mockup.

Nav Link Animation

Hover the actual category nav links.

西樹泡芙 Puff MOCHI 蛋糕 Cake 季節性產品推廣產品散水餅套餐禮券 Coupon

Image Hover Zoom

Product images scale 105% on hover. 700ms transition.

芒果泡芙

芒果忌廉泡芙

朱古力泡芙

朱古力核桃泡芙

transition: transform 700ms ease-out
hover: scale(1.05)