Elva

近白色基底、单栏阅读排版与圆角卡片。
页面以近白色为基底,搭配近黑色文字。字体采用 Basis Grotesque、Messina Sans。视觉特点包括单栏阅读排版、圆角卡片。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 每个展示场景使用 Basis 120px+,行高 ≤ 0.90,字间距 ≤ -0.06em;压缩堆叠就是标志。
- 画布保持 #ececec,所有墨色保持 #262523,彩色会破坏纸上印刷的暖意。
- 区块间距至少 80px,首屏标题上方间距用 160px+。
- 将展示文字中的单个字母替换为匹配大写高度的象形字形:心、星号、和平手势、胜利手势。
- 正文设为 15px、行高 2.0,通透行高是编辑式,而非功利式。
- 70px 圆角只用于胶囊标签和区块标签,嵌套表面使用 10px。
- 每个交互元素都用后接 → 箭头的文字链接,绝不使用填充或轮廓按钮。
建议避免
- 不要引入填充按钮、轮廓按钮或任何按钮形操作入口,带箭头文字链接是唯一交互模式。
- 不要加投影、渐变或任何浮起效果,深度只通过字号与留白表达。
- 正文或展示文字不要使用 #000000,始终用 #262523 保留暖底调。
- 文字不要居中,也不要限制在 max-width 容器中;内容左对齐至视口边缘,呈编辑跨页感。
- 不要通过颜色建立层级,只用字号和字重。
- 展示文字行高不要高于 1.0,0.80–0.90 的压缩让标题成为纪念碑。
- 不要使用传统界面意义的图标,如导航、按钮、状态图标;象形字形只内联在展示文字中。