內容先到
HTML 先提供完整內容與操作；效果不決定訪客何時能開始。
ASTRO NATIVE · MOTION SYSTEM IN PLANNING
Motion,
with a reason.
為介面建立可預期的動態語言。先讓內容隨時清楚可用，再讓節奏加入。
目前為規劃與展示原型；Astromotion 套件尚未發布。
ASTRO01 — 03
MAKE ROOM FOR
Good ideas
need a little
momentum.
Content stays in view.
DESIGN CONCEPT · NOT A PACKAGE DEMO
01 / INTENT
動態是回饋，
不是閱讀的門檻。
偏好優先
尊重降低動態偏好，必要時回到清楚、穩定的靜態終態。
由人啟動
預覽以手動播放為主，停止、導覽與焦點不必等待時間軸。
02 / THE LANGUAGE
從一個節拍，
到一段場景。
以下是規劃中的組合方式與首版候選，尚不是已發布的套件 API。
01 — PRIMITIVES規劃候選
小而有界的動作
以少量基礎變化描述進入、離開與回饋；不預設整個頁面都要動。
02 — BEHAVIORS規劃候選
行為有明確終點
Reveal 與 Stagger 等元件，描述觸發方式、取消時機，以及偏好改變後的狀態。
03 — SCENES規劃候選
場景由角色組合
Hero Reveal 與 Card Grid 是候選示例；每個場景都保留原生內容順序與靜態版本。
名稱、參數和視覺範例用來展示目前的設計方向，可能隨實作驗證調整。
03 / PLAYGROUND SNAPSHOT
先看節奏，
再決定需不需要。
點選一種入場方式，再手動播放概念預覽。這段互動由展示頁本身實作，並非 Astromotion 套件功能。
ISOLATED CSS CONCEPTFIELD NOTES / 012026
A SMALL MOMENT, WELL PLACED
Make space
for the next.
04 / DEVELOPMENT
從可驗證的小切片開始。
先驗證內容、偏好與生命週期，再增加場景。現階段尚未開始套件實作。
-
00
CURRENT FOCUS · SPECIFICATION
契約與風險樣本
收斂 Scene 格式、終態規則、降低動態策略與消費端驗證方式。
規劃完成 · 實作待開始 -
01
NEXT · CORE SLICE
建立最小核心
以 Fade、Slide、Scale 和基礎元件驗證 SSR、無 JS 與偏好切換。
計畫中 -
02
LATER · FIRST RELEASE CANDIDATE
擴充場景與文件
依測量與消費端回饋補足候選範圍；效能與支援矩陣以實測為準。
尚未排程
BUILT FOR THE WEB THAT MOVES
Make motion
mean something.
一個獨立的動態系統構想，從 Astro 與可用的 HTML 開始。
追蹤 Astromotion