精选 · 开放 · 免费

Perplexity

一个功能性、极简的安全验证页面,专为清晰度和信任感而设计。

aisearchclean
Perplexity 网站截图
在 OpenDesign 中打开

原站: https://www.perplexity.ai

01

设计气质 DNA

安全验证极简技术性

安全设施的透明玻璃门

02

色彩

#0000eeAccent
#313131Ink
#ffffffBG
rgba(217,217,217,1)Line

在纯白画布上实现高对比度和最大可读性,不使用装饰性颜色。

03

字体

system-sans · monospace

使用系统 UI 字体栈以获得原生渲染性能 · 仅主标题使用严格的 600 字重

04

间距

4px
8px
16px
24px
32px
48px

充足的垂直留白,以隔离验证组件

05

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

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

验证组件上使用 1px 细实线浅灰色边框

06

布局

1280container
1columns
24pxgutter
768breakpoints

垂直居中的堆栈布局,文本和页脚左对齐

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

复选框交互时的细微状态转换

交互元素上显示指针光标 · 切换验证状态

08

组件

09

文案语气与禁用清单

11

System Prompt

设计一个以安全为中心的极简验证界面,优先考虑信任和清晰度。使用纯白背景、深灰 (#313131) 文本和标准蓝色 (#0000ee) 链接。采用系统 UI 字体栈以实现最大兼容性和快速渲染。关键约束:不使用装饰性图像,主要组件不使用圆角,不使用投影,不使用复杂的网格布局,不使用特定品牌字体。布局必须垂直居中,留有充足留白,将注意力集中在验证任务上。保持严格功能性的语气,传达安全状态而不使用营销语言。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

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