技能概述
Mat 係一款深鼠尾草色畫布搭配骨白紙張同燒橙色點綴嘅 HTML 簡報技能，mid-century modern 風格帶有木材底色。適合設計工作室資歷展示、建築/室內品牌、陶瓷/手工藝/傢俱、諮詢簡報。
9 頁 demo，中等密度，中等正式度。對於想要經仔細考慮嘅模擬手感而非數位冷感嘅 tech、研究或商業簡報，都係溫暖而獨特嘅選擇。
觸發關鍵字
- mat、zhangzara-mat
- warm-modern、considered、warm、design-led
- design studio credentials、architecture / interior brand
- html deck、html slides、zhangzara
什麼時候用
- 設計工作室 credentials 展示
- 建築 / 室內品牌簡報
- 陶瓷 / 手工藝 / 傢俱品牌
- 諮詢簡報
- 想要 tactile、intentional 手感嘅 tech / 研究 / 商業簡報
什麼時候避免
- 需要快速科技能量或機構克制嘅場景 — 柔和鼠尾草同燒橙色調係刻意溫暖同慢節奏嘅。
使用方法
自然語言觸發
用 mat 風格整一份建築品牌 deck
我想要一個 mid-century 手感嘅簡報
zhangzara mat，做一份設計工作室 credentials
工作流程
- Clone
example.html— 作為工作文件。 - 替換佔位內容 — 換上真實標題、正文、數據、名稱、日期同 section label。
- 保留設計系統 — 唔好替換字體、重調色板、重構佈局網格或移除裝飾元素。
- 調整篇幅 — 多於 demo 就複製最合適嘅佈局；少於就從底部刪除。
- 設計新佈局 — 需要 demo 冇嘅佈局時，用相同字體、色板、裝飾語言從頭設計。
- 保留導航運行時 — 內聯鍵盤處理程式保持原樣。
輸出格式
單文件 HTML 簡報：
<artifact identifier="zhangzara-mat" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
實際例子
例子 1：設計工作室 Credentials
用戶：「用 mat 風格幫我整一份設計工作室簡報。」
生成 9 頁簡報：
- Cover：深鼠尾草底色 + 骨白字體 + 燒橙 accent
- Studio Philosophy：warm mid-century typography
- Featured Projects：project cards with sage/cream contrast
- Process：burnt-orange accent timeline
- Team & Contact：clean closing
例子 2：建築品牌展示
用戶：「Mat 風格，整一份 interior brand deck。」
涵蓋：
- Brand story with tactile feel
- Portfolio grid with mid-century framing
- Material palette with burnt-orange highlights
- Contact with warm, intentional closing