Pulse Placeholder (佔位脈動)

一道亮光掃過灰色佔位圖形。

在[套用位置]加入「骨架微光」(Skeleton Shimmer)，也叫 skeleton wave 或 shimmer effect。
一道柔和的光帶由左往右掃過灰色佔位圖形，下一次掃過前稍微停頓：流暢、不疾不徐。
佔位圖形要與實際版面一致，內容載入時不能跳動；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就顯示靜態佔位。

元素反覆地輕柔縮放或淡入淡出。

在[套用位置]加入「脈動」(Pulse) 效果，也叫 pulsing。
元素要以緩慢、穩定的節奏輕輕膨脹再回縮：含蓄，不要有彈跳感。
無縫循環播放，不要讓周圍版面移動；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止動畫。

先用一張極小的模糊版圖片佔位，完整圖片載入後逐漸變清晰。

在[套用位置]加入「模糊佔位圖」(Blur-Up Placeholder) 圖片載入效果，也叫 LQIP 或 blur placeholder。
先立刻用一張極小、高度模糊的圖片填滿圖片位置，完整圖片載入完成後，平順且較快地變清晰。
預先保留圖片的準確尺寸，圖片載入時不能造成任何位移；並裁掉模糊的邊緣，不要溢出邊框。

頁面頂端的細條在換頁過程中緩慢前進，載入完成時走完全程。

在[套用位置]加入「頂部載入條」(Top Loading Bar)，也叫 page progress bar。
頁面載入時，頂端邊緣的細條先快速往前衝，接著越走越慢；載入完成後迅速衝到盡頭並淡出。
在載入真正完成之前絕不能走到盡頭，也不要遮住或推移頁面內容。

對話泡泡中的三個圓點輪流脈動或上浮，表示對方或 AI 正在輸入。

在[套用位置]加入「輸入中指示器」(Typing Indicator)，也叫 typing dots。
對方輸入時，小對話泡泡裡的圓點依序上浮並變亮，節奏柔和、輕緩。
循環要無縫銜接，訊息一到就立刻移除泡泡，並為螢幕閱讀器提供一段簡短的狀態文字來取代圓點。