Dating Web 技能指南
消費級交友 / 配對儀表盤 — 左側導航欄、社區信號 ticker、headline KPI、30 天相互匹配柱狀圖、匹配率趨勢。編輯排版,克制強調色。
Kami Landing 技能指南
打印級單頁 Kami(紙)文檔 — 暖羊皮紙畫布、墨藍色強調、單一權重襯線、無斜體、無冷灰。讀起來像專業白皮書或工作室一頁紙。
Open Design Landing 技能指南
Atelier Zero 視覺語言嘅單頁編輯風格落地頁 — Monocle / Apartamento / Études 編輯拼貼風格,8 個編號區塊、16 張拼貼資產、滾動顯現動畫。
Open Design Landing 技能指南
世界級單頁編輯式落地頁 — Atelier Zero 視覺系統(Monocle / Apartamento / Études editorial collage 風格),含 16 張拼貼資產、scroll-reveal 動畫、sticky nav 同完整參數化輸入。
Open Design Pricing Page 技能指南
獨立定價頁面 — 頁頭、套餐分層、功能比較表格、FAQ,使用 DESIGN.md 配色同字體。
Open Design SaaS Landing 技能指南
單頁 SaaS 落地頁 — hero + features + social proof + pricing + CTA,嚴格遵循 DESIGN.md 色彩/排版/佈局規範。
Waitlist Page 技能指南
最小預發布落地頁,帶郵件捕捉、品牌 logo 同可選裝飾層。產品發佈、beta 註冊、早期訪問計劃的最佳選擇。
Web Prototype — Industrial Brutalist 技能指南
瑞士工業印刷風格 Web 原型 — 新聞紙底色、單色黑粗體、滿版數字、1px 網格分割線、危險紅強調、ASCII 裝飾語法。
Web Prototype — Editorial Minimalism 技能指南
編輯極簡主義 Web 原型 — 暖調單色畫布、襯線展示字體 + 無襯線正文、1px 髮線邊框、柔和色塊、大量留白、環境微動畫。
Web Prototype — Soft Premium 技能指南
Apple 級別柔和 Web 原型 — 銀灰/奶油畫布、雙邊框卡片、按鈕內按鈕 CTA、大量 squircle 圓角、彈性動畫、環境漸變網格。
Open Design Web Prototype 技能指南
通用桌面網頁原型 — 單文件 HTML,拷貝 seed 模板 + 佈局庫組裝,唔使從零寫 CSS。
Open Design Wireframe Sketch 技能指南
手繪風格線框圖探索 — 方格紙背景、marker/pencil 色調、多 tab 標籤變體、sticky note 註解、斜線填充圖表占位符。