Wonder

近黑色基底、等宽文字标注与紧密字距。
页面以近黑色为基底,搭配白色文字。字体采用 Uncut Sans Variable、Martian Mono。视觉特点包括等宽文字标注、紧密字距、细线分隔、扁平表面。适合参考的场景:设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- #d262ff是唯一彩色强调,绝不为UI元素引入额外饱和颜色。
- 深色表面上的所有边框采用1px #44374a,浅色表面使用#e1e4e8。
- 所有卡片级表面采用14px圆角,所有交互元素(按钮、输入框)采用8px圆角。
- 任何38px及以上展示文字使用Uncut Sans Variable及-0.05em字间距。
- 所有12–14px眉题标签和小型大写文字采用+0.08em正字间距。
- 每个尺寸标签、坐标或文件路径都配以Martian Mono和0.05em字间距。
- 主要区块之间保持64px+垂直节奏,以保留疏朗、建筑式的感觉。
建议避免
- 不要使用浓重投影;#44374a的1px边框系统就是高度语言。
- 除徽标和胶囊形指示符外,任何元素都不要使用9999px圆角。
- 不要将#000000纯黑用作背景,始终使用带紫罗兰色调的#0f0217,以符合品牌。
- 展示标题不要使用Inter,它只是次要系统字体。
- 不要使用既定集合以外的字间距值:-0.05em、-0.04em、-0.025em、-0.015em、0.05em、0.08em。
- 不要引入#d262ff、#6a1791和#d97757以外的强调色,系统仅采用紫罗兰色系。
- 不要将卡片叠在卡片上;平面的1px边框系统需要开放空间,而非嵌套表面。