Bejamas

近白色基底、大幅摄影展示与网格布局。
页面以近白色为基底,搭配近黑色文字。字体采用 NeueMontreal。视觉特点包括大幅摄影展示、网格布局、大字排版、宽松留白。适合参考的场景:设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- 将 Paper Gray #f3f3f4 作为默认页面和页脚画布。
- 将 Voltage Lime #befc65 保留用于填充的转换按钮和部分控件。
- 展示性文字使用 Neue Montreal 72px/86.4px 字重 400,字间距 -2.52px。
- 使用 Neue Montreal 56px/66.08px 字重 500,字间距 -1.40px 用于大型编辑板块标题。
- 项目卡片和媒体元素圆角统一为 17.6px;沉浸式首屏面板圆角为 32px。
- 使用 1px Divider Ash #e0dfdf 分隔线来分隔浅色区块并分割编辑栏目。
- 保持填充的公共转换按钮半径为 9999px,水平内边距为 24px。
建议避免
- 不要将 Voltage Lime #befc65 用作页面背景、项目卡片填充或装饰性渐变。
- 不要用扁平的酸黄绿或白色替代深色首屏处理。
- 不要使用厚重的卡片阴影;项目卡片不使用任何阴影。
- 不要将主要标题设置为字重 600 或 700;应使用字重 400 在 72px,或字重 500 在 56px 及以下。
- 不要使用方形项目图片;保持媒体元素 17.6px 的圆角。
- 不要引入饱和的蓝色、红色、紫色或橙色界面强调色。
- 不要将每个板块都变成白色卡片;保持 Paper Gray #f3f3f4 作为不间断的编辑基础。