ORON
AI 高CP值建站
ORON-602非營利組織設計範例(Design Demo)

非營利組織網站設計範例

非營利組織網站設計範例(完整頁面)— ORON 設計範例

設計思路

這一版把公益機構的首頁當成一份可以直接讀的文件來設計。深鋼藍靛的夜色鋪滿整頁,從第一屏一路到聯絡表單都沒有退回白底,讓畫面維持一種安靜、專注的閱讀狀態。對於要在上班時間評估合作對象的來訪者來說,第一眼看到的不是募款海報,而是一張攤開的帳目。

版面以髮絲般的細線分欄,全站不使用圓角與卡片陰影,資訊靠對齊與間距建立層級。頁面的主體是一個依來訪身分分流的合作區塊,讓不同需求各自走自己的路徑;其下接一段可查核的成效與帳目,用等寬數字排列,數字之間彼此對得上。段落之間以留白而非色塊分隔,維持文件般的連續感。

中文標題選用黑體,字重厚實但不張揚,與細線和等寬數字形成筆畫粗細的對比。整體配色以深靛藍為底、暖橘為唯一強調色,只用在關鍵動作與眉標上。適合服務對象明確、需要以資料與透明度建立信任的機構型品牌。

本設計為 ORON 自製的設計範例(Design Demo),並非實際客戶委託專案;可作為你網站的版型參考並延伸客製。

加 LINE 詢問