Acolorbright

白色基底、大幅摄影展示与宽松留白。
页面以白色为基底,搭配近黑色文字。字体采用 RiformaLLWeb、Arial。视觉特点包括大幅摄影展示、宽松留白、扁平表面、衬线字形。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- RiformaLLWeb或Inter Tight替代字体只使用400字重,绝不采用粗体或细体,让字号承担层级。
- 每个字号的每个文字元素都将letter-spacing设为-0.01em;一致紧密的字间距赋予文字编辑感。
- 每个主要分区都以带编号黑色圆形徽章介绍,32px、#000000填充、白色数字;连续编号是页面主轴。
- 所有图像采用12px border-radius,所有按钮8px,绝不要反转这两种圆角。
- 产品摄影是系统唯一彩色,绝不要添加强调色、渐变或彩色UI附属元素。
- 章节之间的分区间距至少64px,首屏顶部内边距256px,形成戏剧性白色区域。
- #f2f2f2只用于交替列表行横带,绝不作为卡片背景或面板填充。
建议避免
- 不要引入品牌色或强调色相;0%色彩丰富度是刻意的创意陈述,而非缺失设计变量。
- 不要采用drop-shadow、box-shadow或任何基于模糊的抬升;深度只来自背景变化和圆角。
- font-weight不要采用600或700;全部层级必须来自字号与字间距,而非字重。
- 文字不要包在带边框或填充的卡片中;正文段落直接置于白色页面,没有容器。
- 字号只采用12px、16px、18px、24px、40px和64px;这是完整字体尺度。
- 除汉堡菜单字形外,不要添加图标;系统视觉语言是文字加摄影,而非图标。
- 大文字或正文不要使用#000000,纯黑只留给编号徽章与SVG填充;所有可读文字采用#1a1a1a。