精选 · 开放 · 免费

Sierra

精致的 AI 智能体平台，运用温暖的编辑式摄影让复杂技术显得人性化且值得信赖。

aienterprise
Sierra 网站截图
↓ 下载设计系统包 (18 MB)在 OpenDesign 中打开

原站: https://sierra.ai

📦 浏览包内文件 →

01

设计气质 DNA

AI客户体验企业智能体平台

AI 智能体领域的高端咨询机构，在技术深度与平易近人的以人为本叙事间取得平衡。

02

色彩

#302E2DInk
#716F6CInk soft
#FFFFFFBG
#F6F5F3BG soft
#E4E0DCMuted
rgba(228, 224, 220, 1)Line

温暖中性色系：以暖灰与大地色调为基底，依靠高品质摄影创造视觉吸引力，而非使用合成强调色。

03

字体

grotesque-sans · monospace

大型展示文本采用紧凑字距（-1.3px 至 -0.38px）营造精致的编辑感。 · 几乎所有文本保持严格的 400 字重；仅在特殊强调处极少量使用 500 字重。 · 正文需保证充足的行高（1.4-1.5）以确保可读性。

04

间距

4px
8px
12px
16px
24px
32px
48px
64px
80px

宽松且结构化，主要区块使用大留白（80px），内部间距采用 8/16/24px 的一致增量，打造清爽通透的布局。

05

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

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

1px solid rgb(228, 224, 220)

0px 28px 34px 0px rgba(15, 79, 138, 0.15) · 0px 75px 63px 0px rgba(15, 79, 138, 0.15)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

响应式居中布局，设有最大宽度容器，从全出血编辑式首屏过渡至仪表盘的多列结构化界面。

07

动效与交互

220msmicro
250mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

颜色、背景色与透明度的标准过渡（0.25s） · 滤镜等复杂属性使用稍长过渡（0.5s） · 交互元素采用微妙变换效果

按钮、导航链接等交互元素实现平滑的颜色与背景过渡。 · 主要行动按钮采用微妙的变换（缩放/位移）或透明度变化。

08

组件

09

文案语气与禁用清单

10

包内真实截图

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

抓自真实页面 · 真 computed styles

11

System Prompt

Sierra 是一个高端 AI 智能体平台，通过以人为本的编辑视角定位自身。其视觉 DNA 体现为温暖的中性色系统（墨褐 #302E2D、柔和背景 #F6F5F3），让高质量摄影承担主要情感表达。字体采用精致的 grotesque-sans，在大号展示文本上使用紧凑字距，营造清爽高级的质感。界面组件简洁，采用药丸形按钮与细微边框。关键禁忌：避免合成强调色、标题保持紧凑字距、正文使用轻字重、保持宽松通透的间距。整体营造可信赖、专业且亲切的感受。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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