PageHeader 元件家族 Demo
四個 breakpoint 皆為 responsive class（縮放瀏覽器視窗檢視），非獨立 variant。細節見 .claude/task/client-v2/components/page-header.md。
PageHeaderArticle（含麵包屑範例）
2026.05.28 / 台北 麗晶精品 B2
ISSEY MIYAKE × ASICS 聯名登場！從雙腳出發，重新定義未來鞋履設計
PageHeaderProductList — Type=Logo
未提供 logoSrc 時顯示灰色佔位區塊
PageHeaderProductList — Type=Font
上衣
涵蓋多元剪裁與輪廓設計
呈現日常與風格兼具的穿著樣貌
PageHeaderArticleList（含篩選列）
新品上市
PageHeaderRecommendation
未提供 imageSrc 時顯示深色佔位底色
嚴選投資單品
從設計識別度、實穿性到長期收藏價值，精選值得長久擁有的代表性商品。
無論是日常搭配或風格收藏，都能成為陪伴您多個季節的經典選擇。
PageHeaderFilterItem — Type × State
每列一種 Type，每欄一種 State
Tab
Default
Hover
Selected
Select
Default
Hover
Selected
Filter
Default
Hover
Selected