精選 · 開放 · 免費

Texts

一個由 AI 增強的訊息中心，將您所有對話整齊、私密地組織在一個乾淨的介面中。

01

設計氣質 DNA

一個流暢、由 AI 驅動的指揮中心，處理您所有的對話

02

色彩

以專業藍色強調色為主的高對比、無障礙調色板。

03

字型

humanist-sans · monospace

• display56px · 700
• h148px · 700
• body16px · 400

04

間距

標準 4px 格線，搭配寬裕的 padding 用於大量留白的區塊。

05

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

1px solid rgb(226, 232, 240)

rgba(0, 0, 0, 0.1) 0px 1px 3px 0px · rgba(0, 0, 0, 0.2) 0px 4px 16px 0px

06

版面

內容區塊採用置中單欄佈局，搭配寬裕的垂直 padding。

07

動效與互動

padding 與高度變化的流暢佈局過渡 · 狀態變化時的細微透明度淡入淡出

互動元件使用標準指標游標。 · 互動區域維持指標游標。

08

組件

• button 高對比的行動呼籲按鈕，採用膠囊圓角 (9999px)、粗體字重與方向箭頭。
• card 乾淨的白色容器，帶有細微圓角 (12px) 與柔和陰影。
• chip 簡約的標籤/晶片元件，帶有淺色邊框。
• input 乾淨、帶有邊框的輸入欄位，使用標準 padding。
• hero 粗體、置中對齊的排版，搭配乾淨背景與強烈單一的行動呼籲。

09

文案語氣與禁用清單

• 語氣 自信、透明且前瞻
• 標題風格 粗體、宣告式的語句，強調創新與組織性
• 按鈕文案 直接且以行動為導向，帶有方向性提示（箭頭）

• 勿使用襯線字體 — 螢幕截圖顯示所有排版均採用乾淨的無襯線字體族。
• 勿使用霓虹色或高飽和度的次要色彩 — 螢幕截圖顯示了藍、白、深灰的克制調色板。
• 勿雜亂佈局 — 螢幕截圖顯示大量留白與聚焦的內容區塊。
• 勿在主要元件上使用銳利、方形的角落 — 螢幕截圖顯示卡片採用 12px 圓角，按鈕採用 9999px 圓角。
• 勿使用厚重、強烈的陰影 — 螢幕截圖顯示非常細微、低透明度的浮動陰影。
• 勿使用複雜的裝飾性插圖 — 螢幕截圖依賴乾淨的文字、簡單圖示與 UI 螢幕截圖。
• 避免: 技術術語
• 避免: 過於正式的語言
• 避免: 被動語態

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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