元件庫
「南方潮」設計系統的基礎樣式與元件總覽。以 Scottish Government Design System 的紀律為骨架,融入屏東在地的色彩與意象:邊角克制、無漸層、2px 邊框、黃色焦點環。
色彩
以縣徽鳳凰紅為主色,輔以巴士海峽藍、大鵬灣青與在地物產色系;皆通過 AA 對比檢核。
字級
採思源黑體 Noto Sans TC,以系統字優先載入。
2.3rem / 標題請問您想辦什麼服務?
1.5rem / 區段服務分類
1rem / 內文設籍本縣的家庭,於嬰兒出生後可申請生育津貼。
.86rem / 輔助承辦:社會處 社會救助科
按鈕
主要按鈕採鳳凰紅實心、字重 700、邊角 4px、最小點擊高度 44px。
提示:以 Tab 鍵聚焦任一按鈕,可見黃色焦點環(#fdd522)+深色外框,符合 GDS 焦點樣式。
標籤與狀態
已發布
審核中
草稿
啟用中
待授權
已停用
可線上申辦
臨櫃辦理
局處管理員
內容尚未翻譯
登入
發布
權限
內容
系統
表單元件
2px 邊框、聚焦轉為巴士藍;錯誤狀態採紅色標籤、訊息與左側標示,並於頁首彙整錯誤摘要。
請填寫聯絡電話
申辦流程元件
節點類型決定顏色與圖示(民眾準備/線上申請/機關審核/領取結果);可橫式或直式呈現,前後台共用同一元件。
1
民眾準備
準備應備文件
2
線上申請
線上填寫並上傳
3
機關審核
公所受理審核
4
領取結果
撥款入帳
圖示
為各服務分類與流程節點量身設計的雙色/線性圖示,取代通用圖庫,使介面具在地識別。