搜尋訂單、帳號、商品或對帳單
草稿測試版FreshGo

Typography Spec

字體規範預覽

這頁用來即時預覽字體、字級、字重、行高與資料密度;目前設定只影響本頁預覽,不會直接改全站。

Preview Controls

可調式預覽控制器

目前選用:源泉圓體 GenSenRounded。調整後會先存在這台瀏覽器,方便你來回比較。

目前字體源泉圓體 GenSenRounded

所有後台頁面、表格、按鈕、標籤與側欄文字先套用同一套圓體系統。

李大娘買菜網 Freshgo 內部管理系統

商品主資料

頁面主標26px / B 700 / line-height 1.32

用在每個後台頁面最上方主標題。

帳號商品設定草稿

區塊標題18px / B 700 / line-height 1.4

用在面板、表格上方、卡片區塊標題。

商品主資料保存商品本身的內部資料,訂貨帳號能訂哪些商品,交給帳號商品設定處理。

正文說明15px / R 400 / line-height 1.7

用在一般段落、頁面說明、工作臺說明。

目前為假資料草稿,不寫入 Supabase,也不包含正式客戶資料。

輔助文字13px / R 400 / line-height 1.65

用在次要提醒、備註、小字說明。

商品主資料

導覽文字14px / M 500 / line-height 1.45

用在左側選單與工作臺功能入口。

啟用中

標籤文字12px / B 700 / line-height 1.4

用在狀態 pill、草稿標籤、欄位分類。

表格文字預覽

商品主資料頁最常看到的密集資料型態。

用途範例文字目前規格備註
表格表頭商品名稱13px / M 500用來掃欄位,不需要過黑。
表格內容雞肉本家高麗菜14px / R 400主要閱讀資訊,保持清楚但不刺眼。
表格備註FG-VG-00112px / R 400輔助資訊,弱化層級。
狀態標籤啟用中12px / B 700需要辨識,但不搶過主要內容。

源泉圓體字重預覽

同一句話用不同字重呈現,方便挑標題與正文的層次。

Extra Light訂單列表、商品主資料、對帳單列表200
Light訂單列表、商品主資料、對帳單列表300
Regular訂單列表、商品主資料、對帳單列表400
Medium訂單列表、商品主資料、對帳單列表500
Bold訂單列表、商品主資料、對帳單列表700
Heavy訂單列表、商品主資料、對帳單列表800