One clear workspace
大面積主卡承擔核心價值，其餘資訊以節奏分層。
Astrolith layout studies
六種頁面骨架，從第一屏開始建立節奏。
參考 Astro Themes 的 landing、blog、portfolio、SaaS 與 local business 類型，將同一套 Container、Grid、Stack、Section 與 Card 組成可直接移植的版型方向。
01 / Split hero
把主張留在左邊，把證據放到右邊。
適合 SaaS、服務品牌與產品發布頁；首屏先建立方向，再用一個可視化面板承接信任。
LIVE SYSTEM98.4%
Conversion signal+24.8%
Response time184ms
02 / Bento product
讓內容密度成為導覽，而不是裝飾。
Fast by default
184ms不要用六張相同的卡片；讓每格有不同的角色。
Clear handoff
用小型狀態列、標籤與留白，讓操作路徑自然浮現。
Built to adapt
容器縮窄時，格狀資訊仍能依序收疊。
03
Editorial
long-form
Field notes / 08 min read
一個能讓長文呼吸的 Editorial shell。
用窄版正文、側欄 metadata 與不對稱留白，讓內容頁從首頁的轉換節奏切換到閱讀節奏。
04 / Portfolio index
作品先被看見，再被分類。
05 / Local business
先說清楚你在哪裡，再讓人採取行動。
適合診所、工作室、餐廳與顧問服務：資訊、營業時間與預約入口在同一個穩定骨架中。
Studio hoursOpen today
Mon — Fri09:00 — 18:00
Saturday10:00 — 16:00
SundayBy appointment
12 Zhongshan North Rd.Get directions →