精選 · 開放 · 免費

Everafter

一個 AI 原生、可擴展的即時客戶體驗管理平台。

01

設計氣質 DNA

一個現代、 premium 的 B2B SaaS 客戶成功平台。

02

色彩

高對比暗色模式，搭配鮮豔的紫羅蘭色強調色，以及淺色表面上的柔和粉彩色調。

03

字型

transitional-serif · humanist-sans

• display56px · 600
• body18px · 400

標題使用高對比過渡襯線字體（Moret）以營造 premium 感。 · 內文使用幾何人文無襯線字體（Poppins）以確保清晰度。 · 導航與大多數 UI 元素使用句首大寫。

04

間距

主要佈局區段之間一致使用 48px 間距。

05

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

暗色模式元素使用 1px solid rgba(34,20,55,1)，淺色模式則使用淺灰色。

0px 1px 2px rgba(8, 8, 8, 0.08) · 0px 4px 4px rgba(8, 8, 8, 0.08) · 0px 8px 12px rgb(248, 245, 255)

06

版面

單欄置中佈局，擁有豐厚的留白與清晰的主視覺區段。

07

動效與互動

懸停狀態與頁面載入時的平滑透明度過渡。 · 互動元素上的細微縮放變換。

按鈕與連結上的細微背景顏色變化或透明度位移。 · 立即的視覺回饋，帶有輕微的縮放或顏色變化。

08

組件

• button 主要按鈕為膠囊形，背景為實色紫羅蘭色（#793CFB），文字為白色。次要按鈕為邊框式，帶白色邊框。
• card 圓角矩形卡片，帶有細微陰影，用於展示產品介面。
• chip 小型膠囊形標籤，背景與文字標籤為淺色（例如「Success Plan」）。
• input 簡潔的邊框式輸入欄位，帶有圓角邊框。
• hero 分割式佈局，一側為粗襯線字體標題，另一側為產品截圖，背景為深色。

09

文案語氣與禁用清單

• 語氣 專業、自信且前瞻性。
• 標題風格 使用襯線字體，以粗體、肯定的陳述營造衝擊力。
• 按鈕文案 直接且以行動為導向（例如「取得客製化導覽」）。

• 不要使用等寬字體 — 截圖顯示標題為襯線字體，內文為無襯線字體。
• 不要使用明亮的霓虹色 — 截圖顯示深紫羅蘭色強調色（#793CFB）與粉彩色調。
• 不要使用銳角 — 截圖顯示膠囊形按鈕（半徑 999px）與圓角卡片。
• 不要只使用暗色模式色板 — 截圖顯示內部 UI 元件使用白色/淺色模式。
• 不要使用厚重的陰影 — 截圖顯示用於層次感的柔和、擴散陰影。
• 不要對主要標題使用全大寫 — 截圖顯示句首大寫或標題大寫。
• 避免: 被動語態
• 避免: 過多術語
• 避免: 全大寫標題

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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