Wizz

白色基底、渐变展示与大字排版。
页面以白色为基底,搭配近黑色文字。字体采用 PolySans Bulky、PolySans Median。视觉特点包括渐变展示、大字排版、分屏构图、居中构图。适合参考的场景:建筑作品集、空间项目展示页。
查看原始网站使用规范
建议采用
- 以 Volt Pink(#ff3d9e)作为唯一的彩色强调:用于每个视图中的一个主要操作、区块标题前的小标签,以及 cookie 的接受按钮。不要把它分散到同一屏幕的多个元素上,稀释强调效果。
- 将全大写显示标题设置为 PolySans Bulky 或 PolySans Median 700 字重,字号 72–86px,行高 0.85–1.0,字间距接近零。这种压缩的垂直节奏使文字呈现出编辑风格。
- 为悬浮导航栏、新闻胶囊以及任何标签/标签块元素设置 999px 圆角半径。按钮、卡片和输入框使用 12px 半径,图像框使用 24px。
- 浮动导航表面、粗体大标题和 cookie 横幅使用黑色(#000000),并始终在其上搭配白色或粉色文字。这种白底黑色元素的框架是系统的结构骨架。
- 全大写微型标签和10–14px眉题文字采用0.05em字间距。这会拓宽小字号文字的视觉密度,让粉色区块标签像经过刻意盖印。
- 正文使用 PolySans Neutral 400 字重、16px 字号,行高 1.5 以保证阅读舒适性。切勿在段落中使用 Median 字重。
- 为卡片表面添加极淡的阴影 rgba(0,0,0,0.05) 0px 1px 10px,为主 CTA 添加 rgba(0,0,0,0.3) 0px 1px 30px 的阴影。这是系统中唯一的两种阴影深度。
建议避免
- 切勿引入第二个色彩点缀。整个品牌身份依赖于粉红作为黑白背景中唯一的色彩信号。
- 切勿在 UI 元素上使用装饰性渐变。首屏渐变是唯一允许的多色表面——其余所有元素均为纯色填充。
- 切勿使用比定义的两个值更重的投影阴影。系统刻意保持扁平,过度的立体感会破坏编辑风格。
- 不要使用系统无衬线字体作为标题。PolySans Median 和 Bulky 是品牌标识——只有在自定义字体不可用时,才回退到 Inter 或 Manrope。
- 正文文字切勿小于 14px。紧凑的密度来自紧密的间距,而非微小的字号。
- 不要在任何交互元素上使用尖角(半径小于 5px)。每个按钮、输入框、卡片和导航必须至少有 12px 或完全呈胶囊形圆角。
- 切勿在正文文字超过几个词时使用粉红点缀。粉红仅用于标签、按钮和强调——不用于段落或描述。