飛地·荷蘭書店 Nowhere Netherlands

荷蘭阿姆斯特丹的華文書店「飛地·荷蘭」（Nowhere Netherlands）的網路書店，用 Shopify 做的，英文和中文並用。頁首是淺灰白底一列：左邊 HOME、EVENTS、ABOUT、ALL PRODUCTS，正中間「飛地 · 荷蘭 Nu Hier in Nederland」的襯線字樣，右邊「EUR € | NETHERLANDS」、SEARCH、LOG IN、CART。第一屏左半是書店書架的照片（貼著紅色的春聯），右半置中的襯線大字「Nowhere Netherlands」、三行說明和一顆細框的「MORE ABOUT US」。

往下：活動的海報和照片、置中的襯線標題「Our Events」和黑色的「UPCOMING EVENTS」；「New Arrivals」四欄的新書（封面、書名、歐元價格，下面細框的「ADD TO CART」）；「Feature Collections」三欄，欄與欄用細線隔開；「You May Be Looking For…」四欄的明信片；黑色的「VIEW ALL」；最後是四欄的頁尾，上面一條細線。

整體是安靜的獨立書店：淺灰白底、深灰黑字，標題用高對比的 Bodoni Moda 襯線字，內文用 Arsenal；按鈕是直角的細框或黑底，大寫小字、字距拉開；顏色全部交給書的封面。

• Canvas（#F8F8F8）：淺灰白底，頁首、頁尾、按鈕都是這個底。

• Text／Primary（#21211E）：接近黑的深灰，標題、按鈕的框、黑色按鈕的底。

• Text muted（#21211EBF）、Text soft（#21211ED9）：75%、85% 的同一個深灰，說明文字和導覽。

• Line（#21211E14）：8% 的深灰，欄與欄、頁尾上面的細線。

• Sage（#C6CABC）、Brown（#75482BBF）、Neutral（#707070）：量到的少數顏色（灰綠、帶透明的咖啡、灰），出現次數很少。

• 書的封面、海報帶出所有的彩色。

標題用 Bodoni Moda（Google Fonts 的高對比襯線字），內文、導覽、按鈕用 Arsenal（Google Fonts）。字重都是 400。

• 段落標題（Nowhere Netherlands、Our Events、New Arrivals）40px／400、行高 52px，置中。

• 小標題 18～24px 的 Bodoni Moda。

• 內文 16px、行高 28.8px、字距 0.6px，75% 的深灰；書名 16px、行高 20.8px。

• 導覽 14px、大寫；按鈕 12px、大寫、字距 1px；版權小字 11px。

• 頁首置中的標誌，左右兩邊各一組導覽，左右留 50px。

• 第一屏左右兩半：照片滿到左邊緣，文字在右半置中。

• 段落標題置中；商品四欄、集合三欄，整齊排列。

• 欄與欄、段落與頁尾之間用 8% 的細線，不用色塊。

• 頁尾四欄：標誌、Quick links、Info、Subscribe To Our Emails。

Responsive

• 375px 寬時，頁首剩選單、標誌、搜尋和 CART；照片滿寬在上，「Nowhere Netherlands」和說明置中在下面。

沒有陰影。全部平貼在淺灰白底上，用細線分隔。

• 全部直角：按鈕、商品圖、集合卡、輸入框都沒有圓角。

• 線條都是 1px，細框按鈕用深灰、分隔線用 8% 的深灰。

• 主要按鈕：#21211E 黑底、白字 12px 大寫、字距 1px，直角，高 37px，左右 30px（UPCOMING EVENTS、VIEW ALL）。

• 次要按鈕：淺灰白底、1px 深灰框、深灰字，其他同上（MORE ABOUT US、ADD TO CART、CHOOSE OPTIONS）。

• 商品卡：直角的封面，下面書名和右邊的歐元價格一行，再下面滿寬的細框「ADD TO CART」。

• 集合卡：47.5px 內距，右邊一條 8% 的細線分欄，圖片下面 18px 的襯線字標題加 →。

• 搜尋框、頁首：淺灰白底，直角，大寫的小字。

• 要用淺灰白底和深灰黑字，讓書封面帶出顏色。

• 標題用高對比的襯線字 Bodoni Moda、置中；內文和按鈕用 Arsenal 的小字，按鈕大寫、字距拉開。

• 按鈕要直角：主要的黑底，次要的細框。

• 用 1px 的淡細線分欄，不要用色塊和陰影。

• 不要加圓角和亮色的按鈕。