精选 · 开放 · 免费

Informed

一个为编辑、公关和市场营销团队自动化内容生产的AI内容领航员。

AISaaSProductivityEditorialClean
Informed 网站截图
↓ 下载设计系统包 (2 MB)在 OpenDesign 中打开

原站: https://www.informed.so

📦 浏览包内文件 →

01

设计气质 DNA

内容自动化编辑公关市场营销AI

一个友好而高效的AI内容实习生，负责繁重的工作。

02

色彩

#08C474Accent
#000000Ink
#31343BInk soft
#FFFFFFBG
#F8F8F7BG soft
#7E838FMuted
rgba(0, 0, 0, 0.08)Line

一个干净的、以白色为基础的配色方案，由一个鲜艳的高饱和度绿色强调色驱动，用于重点和行动。

03

字体

humanist-sans

04

间距

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

充足的垂直间距分隔不同的内容块，集中在一个单列中。

05

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

sm · 8px
md · 12px
lg · 43px
pill · 100px

1px solid rgb(0, 0, 0)

0px 8.67px 26px 0px rgba(0, 0, 0, 0.08) · 0px 26px 52px 0px rgba(0, 0, 0, 0.08)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

单列居中布局，拥有充足的留白和清晰的全宽背景区域。

07

动效与交互

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

交互元素的颜色、背景色和边框颜色使用平滑的0.25秒过渡。 · 布局变化使用微妙的0.5秒变换过渡。

微妙的背景色或透明度变化，带有平滑的0.25秒过渡。 · 通过标准的激活状态提供即时视觉反馈。

08

组件

09

文案语气与禁用清单

10

包内真实截图

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

抓自真实页面 · 真 computed styles

11

System Prompt

为一个AI内容自动化工具设计一个干净、居中的SaaS着陆页。布局应为单列，拥有充足的垂直留白。使用以白色（#FFFFFF）为主的背景，并用次级浅灰色（#F8F8F7）进行微妙的表面区分。主强调色是鲜艳的高饱和度绿色（#08C474），用于行动号召按钮、交互标签和选中的卡片边框。排版应使用人文主义无衬线字体，同时用于展示和正文文本，展示标题非常大（69px）且字间距紧凑（-4.33px）。正文文本应为深灰色（#31343B）或黑色（#000000），次要文本使用中灰色（#7E838F）。按钮必须是药丸形，绿色背景上的白色文字，并附有微妙的投影（例如 0px 8.67px 26px 0px rgba(0,0,0,0.08)）。避免深色模式，避免衬线字体，避免尖锐角，避免使用超过一到两种主色调。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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