amra

白色基底、渐变展示与紧密字距。
页面以白色为基底,搭配近黑色文字。字体采用 Primary Font、Custom uppercase display sans (tracked out)。视觉特点包括渐变展示、紧密字距、摄影展示、分屏构图。适合参考的场景:内容网站首页、编辑专题页。
查看原始网站使用规范
建议采用
- #acafff只用于SIGN IN按钮和悬浮导航胶囊;它是整个系统唯一的彩色。
- 所有标题都采用几何无衬线400字重,绝不要提高至600或700。
- 标题字体的每个字号都应用-0.01em letter-spacing,全大写标签字体的每个字号应用+0.029em。
- 所有图像卡片采用44px border-radius,所有按钮8px;这两种圆角定义系统的柔软感。
- 主要分区之间保留100–160px纵向空间,让留白承担分隔作用。
- 所有摄影都通过抠出主体、放在青绿到紫罗兰渐变上处理;绝不使用未处理的原始照片。
- 首屏标题居中,后续所有正文左对齐。
建议避免
- 不要引入第二种彩色;除#acafff之外,系统刻意保持单色。
- 不要使用粗体或半粗体;设计依靠字号与字间距建立层级,而非字重。
- 卡片不要添加box-shadow;系统没有抬升语言,仅由圆角定义表面。
- 分区之间不要添加可见分隔线或细线;100px+留白是唯一分隔。
- 青绿到紫罗兰渐变不要作为CSS背景;它只存在于首屏球体资产内部和功能图像处理中。
- 首屏标题不要左对齐,正文段落不要居中;第一屏居中,其后全部左对齐。
- 图标填充只采用#141414、#ffffff或#acafff,不使用其他颜色。