咖啡廳網站設計範例

這個設計把一家由工程師創辦的咖啡品牌官網，做成一份「會寫程式、也會煮咖啡的人」留下的工作筆記。粗體無襯線大字壓頂、短句直接俐落，把工程師的精準與手沖的溫度調和在同一個畫面裡。

版面以編號清單貫穿——本週豆單用 01、02 的序號排列，沖煮的克數、水溫與時間以等寬字體像紀錄一樣攤開，透明而有條理。穿插其間的，是用襯線斜體寫下的幾句個人語錄，為這份理性的筆記保留了詩意與手感。

配色以暖奶米為底，搭配銅件般的暖金、植物般的灰綠，再點一抹沉穩的工具藍作為連結色，像一張收斂得宜的色票。所有元件都是方角、靜止的，沒有多餘裝飾，只有編號與細線在分隔內容。

對一家把創辦人專業背景當作品牌資產的咖啡品牌而言，這種紀錄式的氣質很對味——它讓同樣講究細節、欣賞透明與秩序的客群，一眼就認出「這是我們這種人會喜歡的店」。