SAPGOODENERGY

白色基底、视频展示与紧密字距。
页面以白色为基底,搭配近黑色文字。字体采用 GT Pressura LC Standard、Helvetica Neue LT Std。视觉特点包括视频展示、紧密字距、细线分隔、摄影展示。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- #ff7840 少量使用,只留给竖向侧边标签和独立实心 CTA。让它作为唯一强调,而不是涂满品牌的一层漆。
- 展示标题使用 Helvetica Neue,字重为 800,字号为 38–56px,字间距为 −0.04em 至 −0.05em,让词形压缩成一整块。
- 所有正文、按钮和导航文案都使用 GT Pressura,字号为 13–16px,字重为 500;该字体绝不超过 24px。
- 产品上方和下方都至少留出 100px 垂直呼吸空间。白色画布是产品的一部分。
- 每个按钮、链接和输入框使用 7px 圆角;18px 只用于卡片,14px 留给小型漂浮胶囊。
- 白色画布上的内容通过 1px 的 #e7e7e7 或 #c0c0c0 细线边框区分,而不是阴影。
- 首屏视频或照片填满 100vw,不叠加色调、渐变或暗角。原始图像本身承担表现。
建议避免
- 不要引入其他强调色。0% 的彩色感就是系统,唯一橙色承担全部彩色语汇。
- 正文不要使用 Helvetica Neue。它只留给 30px+ 的展示场景。
- 白色产品区块不要使用阴影、发光或抬升卡片,而应依靠留白与细线。
- 按钮圆角不要超过 7px,卡片不要超过 18px。圆角尺度严格定义,误用会破坏几何节奏。
- 长篇段落不要居中。正文左对齐,并保持 480–640px 的行宽。
- 背景、按钮或图像不要使用渐变填充。系统严格保持平面感。
- 白色产品页面不要添加装饰图标、插画或 emoji。只有产品与文案承担含义。