請閱讀此技能中的 README.md 檔案，並探索其他可用的檔案。
如果正在建立視覺素材（簡報、模擬、一次性原型等），請從中複製素材，並建立靜態 HTML 檔案供使用者檢視。如果正在處理正式程式碼，您可以複製素材並閱讀此處的規則，成為此品牌設計的專家。
如果使用者在沒有其他指引的情況下呼叫此技能，請詢問他們想要建立或設計什麼，提出一些問題，並扮演專家設計師的角色，根據需求輸出 HTML 素材或正式程式碼。
快速入門
- 主要強調色： Indigo
#3F51B5（作品集）。部落格固定導覽列僅使用較冷的藍色#2980b9 → #1a6da3漸層。 - 字型： Poppins（顯示 / 內文，粗細 300/400/500/600/700）+ Roboto Mono（眉毛標題、元資料、行內程式碼）。
- 區塊眉毛標題為小寫 + 等寬 + 帶有 40% 透明度的 Indigo 底線。服務標題為大寫，字元間距 2px。
- 語氣： 第一人稱、自信、提及具體框架（SOC 2、零信任、DevSecOps）。避免通用的行銷用語。
- 表情符號： 僅限 ☀️ / 🌙 用於深色模式。不要引入更多表情符號。
- 標誌：
assets/laplante-logo.png（用於淺色背景）+assets/laplante-logo-white.png（用於深色背景）。 - Token： 匯入
colors_and_type.css— 所有 Token 都以--lp-*CSS 變數的形式存在該檔案中。
檔案
colors_and_type.css— 設計 Token + 語義型別類別assets/— 標誌點陣圖preview/— 色票 + 字型範例（供「設計系統」分頁使用）ui_kits/portfolio/— 首頁 + 服務 + 時間軸 + 聯絡我們（高傳真）ui_kits/blog/— 部落格列表 + 文章閱讀器（高傳真）