AgentQL

近黑色基底、渐变展示与紧密字距。
页面以近黑色为基底,搭配白色文字。字体采用 Inter、IBM Plex Mono。视觉特点包括渐变展示、紧密字距、细线分隔、分屏构图。适合参考的场景:AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 所有交互元素(按钮、徽章、标签和导航胶囊形控件)使用9999px半径
- 所有32px及以上显示文本使用Figtree 500字重,字间距-0.02em
- 正文使用Inter 300–400字重;低字重在深色画布上完成其工作
- 仅在深色首屏区域应用紫色#625fff与粉色#ff7dda的极光渐变对,作为大范围柔和径向光晕
- 按层级叠加表面颜色:#0b0c0 → #0e111b → #0d172b → #12244f,以表示层级而不使用阴影
- 链接文字和代码语法使用#2862d7或#305fbd,绝不可用于大面积填充
- 为卡片定义使用1px边框,颜色为#172540或#151e32,避免仅用阴影定义卡片
建议避免
- 不要在行动号召按钮上使用明亮填充——白色(#ffffff)是主要行动色,绝不用饱和的蓝色或紫色
- 不要在内容卡片或功能区块内部使用径向渐变光晕——仅保留于首屏和区块背景
- 不要在32px及以上标题中使用Inter——显示区域由Figtree主导
- 不要将#12244f用作页面背景——它是高亮表面,而非画布
- 不要为次级文本添加色彩——保持#abaebb和#c7c9d1为无彩色
- 不要在任何交互元素上使用锐利的圆角(0px半径)——代码类元素最小为2px,输入框为8px,卡片为12px
- 不要为透明描边或轮廓按钮添加层级阴影——它们应平铺于画布上