精選 · 開放 · 免費

Reclaim

一款以 AI 為優先的日曆應用程式，旨在自動化排程並重新奪回工作與生活的平衡。

productivitysaas
Reclaim 網站截圖
↓ 下載設計系統包 (14 MB)在 OpenDesign 中開啟

原站: https://reclaim.ai

📦 瀏覽包內檔案 →

01

設計氣質 DNA

智慧自動化生產力排程

您的 AI 驅動的時間管理者，自動組織您的工作日曆。

02

色彩

#5562EBAccent
#181D25Ink
#4A4A4AInk soft
#FFFFFFBG
#EBEFFFBG soft
#F5F7FABG quiet
#6B7280Muted
rgba(24, 29, 37, 0.1)Line

乾淨、高對比度的基礎，搭配鮮活的主藍色強調色與輔助的綠色色調以引導視覺焦點。

03

字型

geometric-sans · humanist-sans · monospace

使用幾何無襯線字體作為大膽、現代的標題字體。 · 使用人文無襯線字體作為易讀的內文字體。

04

間距

4px
8px
16px
24px
32px
48px
64px
96px
128px

基於 4px 的網格，在主視覺區塊使用寬裕的留白，在介面元件中則使用較緊湊的間距。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

0px 5px 40px 0px rgba(9, 14, 21, 0.16) · 0px 20px 32px -8px rgba(9, 20, 66, 0.25)

06

版面

1280container
12columns
24pxgutter
768 / 1024 / 1440breakpoints

響應式網格，包含一個顯著的置中對齊主視覺區塊，後接交替的內容區塊。

07

動效與互動

150msmicro
250mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

為進入視野的元素提供細微的淡入與變換過渡。 · 互動元素在懸停時的顏色與描邊過渡。

主要按鈕上細微的色彩變化或亮度調整；卡片上的輕微縮放或陰影提升。 · 透過縮放或透明度變化提供即時的視覺反饋。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

Reclaim — 桌面首屏（hero）
桌面首屏（hero）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Reclaim — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

Reclaim.ai 是一款 AI 驅動的生產力 SaaS 工具，專注於自動化的日曆管理。視覺系統採用乾淨、明亮主題的美學，主要強調色為 #5562EB（鮮活的藍色），次要綠色為 #7AC17B。字體排印結合了幾何與人文無襯線字體，創造出一個現代且高度易讀的介面。關鍵元素包括大規模、強調效益的標題與寬裕的留白。關鍵設計規則：不要在按鈕上使用尖銳的方形圓角（使用膠囊形狀）；不要將深色模式作為主要 UI；不要在非標題文字上使用複雜的漸層；確保所有主要 CTA 具備高對比度；維持寬裕的留白以避免擁擠感。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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