Tapbots

近黑色基底、产品图像展示与宽松留白。
页面以近黑色为基底,搭配白色文字。字体采用 系统字体。视觉特点包括产品图像展示、宽松留白、分屏构图、网格布局。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有按钮、链接及交互型胶囊控件均使用40px圆角——这是系统的标志性形状
- 所有文本在300、400、500、600字重时均使用 -apple-system(或 system-ui 降级)——绝不加载网络字体
- 内容置于约900px最大宽度内,居中于#1a1a1a画布上——页面刻意保持窄幅
- 所有链接颜色及交互强调部分统一使用#ba94ff(发光紫)——它是唯一的明亮工作色
- 在介绍段落中通过#ba94ff内联高亮关键产品形容词,以在灰底文本中形成节奏感
- 将功能图标渲染为小型3D风格彩色插画(苹果、铃铛、耳机)而非扁平线条图标
- 各区块间距保持在80px及以上——宽敞的密度是高端质感的一部分
建议避免
- 任何UI元素均不添加阴影——系统刻意保持扁平,深度仅来自3D插图
- 功能项不使用卡片背景、边框或内边距框——内容直接置于画布上
- 除紫色外,不引入任何第二品牌色——绿色和红色仅用于特定功能标记
- 不使用网络字体——系统字体栈即为整个字体身份
- 任何容器的圆角均不得小于18px——系统运行于胶囊和柔和矩形的范畴内
- UI表面不添加渐变——极光渐变仅保留于首屏/品牌区域
- 页面表面不使用亮色模式——整个站点为暗色,仅白底应用截图提供唯一亮区