Atlantic.vc

近黑色基底、等宽文字标注与大字排版。
页面以近黑色为基底,搭配浅蓝色文字。局部操作控件以红色强调。字体采用 Monument、Mono。视觉特点包括等宽文字标注、大字排版、网格布局、摄影展示。适合参考的场景:产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 所有编辑式标题采用Monument、字重400、展示字号64-96px及-0.03em字间距;绝不通过加粗增加分量,改为增大字号。
- #1f58f2 Electric Cobalt仅用于高亮中性#d8eaff标题中的个别词语,绝不用于完整句子或段落。
- #ff4105 Signal Orange仅用于描边操作按钮和导航激活状态指示符,绝不用作背景填充或正文颜色。
- 所有边框与极细分隔线采用#d8eaff、1px,让卡片、画框和区块分隔统一呈现光线框效果。
- 正文中的微型标签和导航项采用Mono、10-12px、0.16em字间距及大写;宽字间距是标志性特征,必须使用。
- 以同心层次的炭灰色(#000000 → #0d0d0f → #232529 → #2b2f33)叠加表面,不使用阴影即可创造深度。
- 作品集与内容卡片采用16px圆角,按钮和小标签8px;圆角保持微妙且一致。
建议避免
- 不要使用实心填充按钮;所有CTA都在透明背景上采用彩色边框描边。
- 不要将#1f58f2或#ff4105用于正文、边框或背景填充,它们只承担强调和操作角色。
- 不要添加阴影或投影高度效果;深度来自表面颜色逐级变化,而非box-shadow。
- 不要同时使用多种强调色;系统是冷色单色调,严格只有一个暖色强调(#ff4105)。
- Monument不要使用400以外的字重;单一字重理念本身就是设计。
- 标准组件的圆角不要超过24px;40.798px胶囊圆角仅用于特定标签或徽标处理。
- 不要添加渐变;表面层级内部保持平面与单色调,粒子画布是唯一的视觉纹理。