精选 · 开放 · 免费

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网格，主视觉区域留有大量空白，UI组件的间距则更为紧凑。

05

表面 (圆角 / 阴影 / 边线)

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

1px solid rgba(24, 29, 37, 0.1)

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

元素进入视口时，采用微妙的淡入和变换过渡。 · 交互元素在hover状态下，进行颜色和描边过渡。

主要按钮上的颜色或亮度发生微妙变化；卡片略微放大或提升阴影。 · 通过缩放或透明度变化提供即时视觉反馈。

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