01
设计气质 DNA
功能性实用主义极简浏览器原生登录
标准浏览器或操作系统级别的认证弹窗。
02
色彩
#1A73E8Accent#000000Ink#FFFFFFBG#F5F5F5BG quiet#666666Mutedrgba(0, 0, 0, 0.2)Line采用无任何自定义样式的实用主义系统默认色板。
03
字体
- display
16px · 600 - body
13px · 400
04
间距
4px8px12px16px标准的表单字段间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 2px
md · 2px
lg · 2px
pill · 2px
1px solid #cccccc
0 2px 10px rgba(0, 0, 0, 0.15)
06
布局
400container
1columns
16pxgutter
单列居中表单布局。
07
动效与交互
0msmicro
0mssmall
0msmedium
lineareasing
默认的浏览器悬停状态。 · 默认的浏览器激活状态。
08
组件
- button 标准矩形按钮,主按钮为实心填充,次按钮为描边样式。
- card 带阴影的简单白色模态框。
- input 带浅灰色边框的标准矩形输入框。
09
文案语气与禁用清单
- 语气 中性
- 标题风格 直接且功能化。
- 按钮文案 标准的按钮标签。
- 不要使用自定义字体——截图显示的是系统UI/默认浏览器字体
- 不要添加装饰元素——截图显示的是纯粹、功能性的表单
- 不要使用超出系统默认值的圆角——截图显示的是直角
- 不要使用鲜艳的背景渐变——截图显示的是纯白背景
- 不要使用自定义图标——截图中无任何图标
- 不要为输入框应用特殊的border-radius——截图显示的是直角
- 避免: 趣味性
- 避免: 品牌表达
- 避免: 色彩
11
System Prompt
这是一个完全无样式、功能性的登录表单,利用了默认的浏览器或操作系统级UI组件。其设计基因纯粹是实用主义的,以纯白背景、标准灰色边框和直角为特征。主强调色是标准系统蓝(#1A73E8),仅用于主操作按钮。排版完全由系统UI无衬线字体默认值构成。关键限制:不要引入自定义字体,不要添加装饰性图标或插图,不要为输入框或按钮应用圆角。