精選 · 開放 · 免費

Magic

Magic 正在建立前沿程式碼模型，以自動化軟體工程與研究。

01

設計氣質 DNA

專注於 AGI 的頂尖研究實驗室。

02

色彩

高對比極簡主義：深炭墨色於純白畫布上，輔以柔和灰色呈現次要資訊。

03

字型

grotesque-sans · humanist-sans · monospace

• display46px · 400
• body17px · 400
• small13px · 400

04

間距

以標準 4px 為基準，搭配充足留白以營造舒適、編輯風格的呼吸感。

05

表面 (圓角 / 陰影 / 邊線)

使用 1px solid rgba(232, 232, 236, 1) 作為清單分隔線

06

版面

主視覺區段採用雙欄分割，職缺列表則使用單欄清單佈局並搭配水平分隔線。

07

動效與互動

互動元素的 hover 過渡效果

連結的色彩或透明度產生細微變化。 · 直接導覽。

08

組件

• button 極簡文字連結搭配箭頭圖示，以細水平線分隔。
• card 無可見元件。
• chip 無可見元件。
• input 無可見元件。
• hero 大尺寸字體排印宣言，頂端帶有細膩、多彩的漸層網格背景。

09

文案語氣與禁用清單

• 語氣 權威、技術導向且以使命為驅動。
• 標題風格 粗體、直接且聚焦於使命。
• 按鈕文案 低調、專業且清晰。

• 避免使用鮮豔的主色調 — 截圖顯示主要為單色調色板，僅帶有細膩的漸層網格。
• 避免為內文字體使用粗體 — 截圖顯示所有內文皆使用標準（400）字重。
• 避免使用裝飾性或襯線字體作為標題 — 截圖顯示為乾淨、現代的 grotesque-sans 字體。
• 避免使用複雜的卡片佈局 — 截圖顯示為簡潔、線性的清單佈局。
• 避免使用厚重的陰影效果 — 截圖顯示為完全扁平、無陰影的表面。
• 避免使用方框式按鈕 — 截圖顯示為搭配箭頭圖示的簡潔文字連結。
• 避免: 術語
• 避免: 過度熱情
• 避免: 行銷流行詞

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko