儀表板 - Layoutix

左側邊欄頂部導覽列頂部選單

導覽固定在左側,內容在右側

固定展開可收合

側邊欄一直顯示圖示和文字

滿版置中限寬

內容撐滿可用寬度

頂部列:搜尋框、使用者麵包屑頁面標題列頁尾右側詳細面板

KPI 卡片圖表資料表格篩選列

海霧暖沙晨藍薄荷玫瑰薰衣草日落森林石墨檸檬蜜桃天空紫藤橄欖珊瑚湖水莓果琥珀靛藍青瓷酒紅霧灰藍焦糖夜空

目前:晨藍淺色#F3F7FC #D3E1F3 #2F6FD0 #10284A

銳利線框近乎直角,細線分隔,無陰影均衡中等圓角,輕陰影圓潤大圓角,較明顯的柔和陰影大色塊小圓角,無邊框無陰影,靠底色分區

僅淺色只有淺色主題僅深色只有深色主題淺深並存同時支援,使用者可切換

可以多選,也可以都不選。滑鼠移到卡片上就會播放。

頁面進場淡入內容載入時從透明淡入

列表項目依序進場列表項目一個接一個淡入

側欄滑動側欄從左側平滑滑入

圖表長條依序長高長條圖的每一根從底部依序長起來

載入骨架屏資料載入時顯示灰色佔位區塊,有光掃過

卡片懸停浮起滑鼠移上卡片時微微上浮

按鈕

按鈕按下回饋按下時按鈕輕微縮小

1280px 寬

已選動畫:頁面進場淡入按鈕按下回饋