Lama Lama

近黑色基底、非对称构图与大幅摄影展示。
页面以近黑色为基底。字体采用 SuisseIntl、Suisse Int'l。视觉特点包括非对称构图、大幅摄影展示、分屏构图、网格布局。适合参考的场景:设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- 所有标题均使用 Suisse Int'l 300 字重——轻盈字重是核心特征,禁止提升至 500 或 700 以强调
- 在整个黑暗画布中,仅使用冰青色(#d7f3f5)作为前景色;禁止引入任何其他色彩强调
- 将每一个链接、行动号召以及行内强调均以1px细线在冰青色下呈现——暗色区域不使用填充按钮,不使用圆角矩形,不使用彩色背景
- 使用碳色(#111314)作为卡片、视频帧及内容块的表面色,使其从虚空(#020203)中凸显,不引入新色彩
- 为每张图片、卡片和媒体帧添加 15px 圆角;按钮类元素仅保留 8px 圆角
- 将文本列锚定于左侧边距,水平边距为 40–48px,媒体帧延伸至视口边缘——这种非对称性是布局的核心特征
- 在页面底部以满幅覆盖的方式精确翻转配色方案,使用冰青色面板,搭配深色文字在浅色底地上呈现
建议避免
- 除冰青色外,禁止引入任何其他色彩——禁止使用红、绿、蓝或暖色调在 UI 中出现
- 标题禁止使用 500 或 700 字重;300 字重是编辑风格的体现,更重的字重会破坏电影般的宁静氛围
- 在暗色区域禁止使用填充或圆角按钮——仅允许使用带下划线的透明描边文字作为交互方式
- 不对卡片、图片或文字应用阴影或发光效果;层次感仅通过Carbon与Void表面的对比变化传达
- 禁止居中正文或标题——正文与标题均应左对齐至视口边距,这是布局呈现编辑风格的关键
- 禁止添加渐变、背景图案或装饰性图形;虚空是设计的本质
- 除页面底部唯一的冰青色反色面板外,禁止在其他位置翻转配色——多次翻转会削弱戏剧张力