01
環境監測
以固定寬度與彈性 grid 呈現，避免文字變長後造成不合理擠壓。
Scenario
適合用來確認後台內容呈現
以下區塊包含標題、段落、標籤、卡片、數字指標與 CTA，可用來檢查 CSS 是否有成功套用，以及不同螢幕寬度下是否跑版。
3種版面區塊
6+張資訊卡片
0素材圖片依賴
100%CSS 控制視覺
Modules
六個穩定排版卡片
02
即時警示
卡片高度自動延展，內容對齊一致，適合測試多行文字。
03
雲端報表
使用純 CSS 背景與陰影，不需上傳圖片也能檢查視覺層次。
04
門禁管理
桌機三欄、平板兩欄、手機單欄，測試斷點是否正常。
05
影像辨識
圖示以文字圓標取代，避免素材尺寸不一致造成版面跳動。
06
資料整合
可作為後台 HTML 編輯器與 API 回傳內容的標準測試資料。
CTA
完成後台串接測試
如果這個區塊有套上藍色背景、按鈕與卡片排版，代表後端回傳的 CSS 已被前端正確注入。