精選 · 開放 · 免費

Cartesia

Cartesia 是一家建構擬人語音代理基礎模型與開發工具的新創公司。

01

設計氣質 DNA

如同結合精緻現代企業產品層的專業研究實驗室。

02

色彩

在淺色自然背景上採用高對比墨色，單一深綠色調強調成長與自然意象。

03

字型

transitional-serif · humanist-sans · modern-monospace

• display56px · 400
• headline36px · 400
• body16px · 400
• caption14px · 500

展示文字與主標題使用襯線體，傳達權威感與研究深度。 · 介面與內文使用無襯線體，確保最佳可讀性。 · 技術標籤與數據點使用等寬體。

04

間距

嚴謹的 4px 基礎格線，主要內容區塊間保留充足留白。

05

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

1px solid #DFEDDF

0 1px 2px rgba(0,0,0,0.05)

06

版面

12 欄格線系統，大型首頁區段與雙欄分割版面交替呈現。

07

動效與互動

懸停時細微的透明度淡入效果 · 按鈕的流暢色彩轉換 · 插圖的視差效果或捲動觸發呈現

背景顏色略微加深或文字轉為綠色。 · 按鈕的縮放微互動。

08

組件

• button 膠囊狀主要按鈕採用深綠背景，次要按鈕搭配細綠色邊框。
• card 簡約內容卡片帶有淡綠色調背景或細邊框。
• chip 圓角小型分類標籤，適用於「金融」與「醫療」等產業區塊。
• input 簡潔文字輸入框搭配底部細邊框或輕量外框。
• hero 大型襯線體標題區塊，搭配描述性段落與雙重行動呼籲。

09

文案語氣與禁用清單

• 語氣 兼具學術性與親和力，自信且前瞻。
• 標題風格 以長句描述性標題簡明闡釋複雜概念。
• 按鈕文案 直接且具邀請性，常強調「試用」或「聯繫」。

• 勿使用深色模式 — 截圖顯示一致的淺色明亮背景。
• 勿使用強烈漸層 — 截圖顯示純色與細微色調。
• 勿使用厚重陰影 — 截圖顯示極簡平面化設計。
• 勿使用霓虹或高彩度強調色 — 截圖採用單一深邃自然綠色。
• 勿使用裝飾性或手寫字體 — 截圖採用清晰易讀的字型。
• 勿使用過多項目的擁擠導覽 — 截圖顯示簡潔寬敞的頂部導覽列。
• 避免: 誇飾或過度隨意的語言。
• 避免: 視覺元素過多的擁擠版面。
• 避免: 強勢銷售手法或閃爍動效。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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