OpenDesign·你的设计资产库

网页参考

Lindy

一款面向忙碌专业人士的 AI 驱动笔记与日程助手。

AIAgent
Lindy 网站截图

01

设计气质 DNA

专业高效助手自动化可信

一位世界级的行政助理,为您处理日常事务,让您能专注于重要事项。

02

色彩

#2A66FFAccent
#0F1E2EInk
#FCF9F8BG
#474A55Muted
rgba(0, 0, 0, 0.08)Line

专业清晰度,采用暖调米白画布和战略性的蓝/金强调色。

03

字体

grotesque-sans · humanist-sans

  • display72px · 500
  • h248px · 500
  • body16px · 500
  • body-lg20px · 500

标题使用紧凑的字距和句首大写。 · 正文保持一致的 1.5 行高以保证可读性。 · 标准文本使用粗细(500),700 粗细保留用于强调。

04

间距

4px
8px
12px
16px
20px
24px
32px
48px
64px
96px

主要章节采用一致的 64px 垂直节奏,网格元素间距为 24px。

05

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

sm · 8px
md · 12px
lg · 24px
pill · 1440px

使用细微的 rgba(0, 0, 0, 0.08) 1px 细边框进行卡片分隔。

rgba(0, 0, 0, 0.15) 0px 1px 10px 0px · rgba(20, 21, 26, 0.05) 0px 1px 2px 0px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中的单栏首屏区域,过渡到用于功能的 12 列网格。

07

动效与交互

220msmicro
300mssmall
450msmedium
cubic-bezier(0.22, 1, 0.36, 1)easing

按钮和链接悬停状态的平滑过渡(0.2 秒)。 · 交互元素的基于 Transform 的移动(0.45 秒)。 · 内容展示的细微透明度渐变(0.3 秒)。

交互元素上的细微背景色变化或阴影提升。 · 即时反馈,带有轻微的缩放或颜色变化。

08

组件

  • button 圆角药丸形状,采用纯色填充(蓝色)或纯文本样式。
  • card 简洁的白色卡片,带有细微阴影和 12px 圆角。
  • chip 小型圆角徽章(如“受到 400,000+ 用户信赖”),带有纯色背景。
  • input 标准表单字段,带有简洁边框和圆角。
  • hero 大号排版,搭配单行彩色强调色和居中布局。

09

文案语气与禁用清单

  • 语气 专业、乐于助人、高效。
  • 标题风格 直接且注重益处,使用句首大写,并辅以少量色彩强调。
  • 按钮文案 清晰且以行动为导向,例如“免费试用”。
  • 不要使用纯白色(#FFFFFF)背景——截图显示的是暖调米白色(#FCF9F8)。
  • 不要使用浓重的黑色(#000000)作为文本颜色——截图使用的是深海军蓝(#0F1E2E)。
  • 不要对所有元素使用尖锐的直角——截图使用的是圆角矩形和药丸形状(圆角最大可达 1440px)。
  • 不要对标题使用纤细、轻薄的字体——截图使用的是粗细(500-700)的 grotesque-sans 字体。
  • 不要使用多彩或杂乱的背景图案——截图保持了干净、基本单色的背景,仅带有一种强调色。
  • 不要使用狭小、拥挤的间距——截图使用了宽裕的 64px 章节内边距和清晰的 24px 间距。
  • 避免: 行话
  • 避免: 激进的销售语言
  • 避免: 模糊的承诺
  • 避免: 过于随意的俚语

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

Lindy 是一款面向专业人士的高端 AI 生产力工具,展示在暖调米白色(#FCF9F8)画布上。其设计 DNA 以深海军蓝(#0F1E2E)作为主要文本颜色,以活力蓝(#2A66FF)作为主导强调色,并辅以次要的金色高光。排版依赖于简洁、现代的 humanist-sans(Manrope)用于正文,以及结构感稍强的 grotesque-sans 用于标题,并大量使用 500-700 的粗细。布局宽敞且居中,优先考虑清晰度。关键禁忌:切勿使用纯白色作为主要背景,避免在主要 UI 元素上使用尖锐直角,切勿对标题使用纤细或低对比度的文本。其声音是专业且乐于助人的,专注于通过自动化节省时间的核心价值主张。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。