Hexa 設計系統

基本元件

按鈕、圖示、標題、卡片

六面向圖示

sm 30／md 34
財務健康專業學習家庭與休閒客戶經營個人社群
財務健康專業學習家庭與休閒客戶經營個人社群

內容元件

每個元件的所有狀態

任務卡

未完成／完成／長名稱／讀取中

走路 8,000 步

健康・6,240 / 8,000

回訪 2 位客戶並整理上次保單健檢的所有缺口與建議

客戶經營・1 / 2

讀信託講義 1 章

專業學習・完成

記今天的帳

財務・完成
讀取中

數據小卡

有資料／無資料／讀取中
今日步數
6,240步
睡眠
6.5小時
本週運動
3/ 4 次
體重
—

還沒有資料

本月記帳
18天

比上月多 3 天

讀取中

分組列表

右側數值／箭頭／開關

開關與分段選擇

一般／聚焦（Tab）／停用
每日提醒：關

輸入框

一般／錯誤／停用

格式不對，請檢查 @ 後面

骨架

清單、卡片讀取中用骨架；單一按鈕用按鈕的讀取中

空狀態與錯誤狀態

今天還沒有任務

從六個面向挑一件小事開始。

載入失敗

網路好像斷了，資料沒有拿到。

六角圖表

蜂巢六格、雷達六角
一般分數
全 0
全 100
含沒資料
雷達
小雷達（太小，標籤自動隱藏）
雷達（含沒資料、無標籤）

分身

零件組合、四種狀態
淺膚・短髮
無配件
淺膚・短髮
徽章
淺膚・短髮
全配件
淺膚・側分
無配件
淺膚・側分
徽章
淺膚・側分
全配件
淺膚・鮑伯頭
無配件
淺膚・鮑伯頭
徽章
淺膚・鮑伯頭
全配件
中膚・短髮
無配件
中膚・短髮
徽章
中膚・短髮
全配件
中膚・側分
無配件
中膚・側分
徽章
中膚・側分
全配件
中膚・鮑伯頭
無配件
中膚・鮑伯頭
徽章
中膚・鮑伯頭
全配件
深膚・短髮
無配件
深膚・短髮
徽章
深膚・短髮
全配件
深膚・側分
無配件
深膚・側分
徽章
深膚・側分
全配件
深膚・鮑伯頭
無配件
深膚・鮑伯頭
徽章
深膚・鮑伯頭
全配件