非營利組織網站設計範例

這一版的出發點是「把每一項服務當成一份正經的檔案來整理」，而不是壓成三張長得一樣的小卡。首頁像翻開一本印刷精良的機構檔案夾，冷灰石白的紙面、明體標題、巨大的檔案編號，一頁一頁把事情講清楚。

版面刻意讓三個項目不等重：有的圖在右、有的做成滿版橫帶、有的圖在左並向上疊壓，讓相鄰區塊的邊界彼此咬合。文字區、按鈕與表格一律維持硬邊，只有影像與跨界的面板帶方圓，形成一組刻意的雙軌邊角語言。大幅工序圖版會壓過區塊邊界，讓長頁面在捲動時保有節奏。

中文標題使用明體，筆畫帶有書卷氣，與無襯線的內文、拉丁文編號並置後產生溫度差。配色以冷中性灰白為底，深靛藍作為反白色塊的主色，暖橘僅用於小面積標記。適合服務項目多、希望每一項都被看見的品牌與機構。