屏東縣政府縣徽 南方潮 元件庫SOUTHERN TIDE · DESIGN SYSTEM

元件庫

「南方潮」設計系統的基礎樣式與元件總覽。以 Scottish Government Design System 的紀律為骨架,融入屏東在地的色彩與意象:邊角克制、無漸層、2px 邊框、黃色焦點環。

色彩

以縣徽鳳凰紅為主色,輔以巴士海峽藍、大鵬灣青與在地物產色系;皆通過 AA 對比檢核。

鳳凰紅
#c4482e
暮紅
#af4029
巴士藍
#16527a
大鵬灣青
#0c8188
琉球綠松
#4db9be
山林綠
#168735
稻田綠
#5b7801
芒果褐
#9f5d06
暖陽橙
#c8770a
火龍果紅
#c2185b
#2b2b2b
沙白
#faf8f5

字級

採思源黑體 Noto Sans TC,以系統字優先載入。

2.3rem / 標題請問您想辦什麼服務?
1.5rem / 區段服務分類
1rem / 內文設籍本縣的家庭,於嬰兒出生後可申請生育津貼。
.86rem / 輔助承辦:社會處 社會救助科

按鈕

主要按鈕採鳳凰紅實心、字重 700、邊角 4px、最小點擊高度 44px。

提示:以 Tab 鍵聚焦任一按鈕,可見黃色焦點環(#fdd522)+深色外框,符合 GDS 焦點樣式。

標籤與狀態

已發布 審核中 草稿 啟用中 待授權 已停用
可線上申辦 臨櫃辦理 局處管理員 內容尚未翻譯
發布 權限 內容 系統

表單元件

2px 邊框、聚焦轉為巴士藍;錯誤狀態採紅色標籤、訊息與左側標示,並於頁首彙整錯誤摘要。

請填寫聯絡電話

申辦流程元件

節點類型決定顏色與圖示(民眾準備/線上申請/機關審核/領取結果);可橫式或直式呈現,前後台共用同一元件。

1
民眾準備
準備應備文件
2
線上申請
線上填寫並上傳
3
機關審核
公所受理審核
4
領取結果
撥款入帳

圖示

為各服務分類與流程節點量身設計的雙色/線性圖示,取代通用圖庫,使介面具在地識別。

戶政
生育
婚姻
教育
就業
醫療
社福
身障
敬老
稅務
地政
交通
環保
農漁
觀光
新住民
準備
申請
審核
領取