14islands
白色基底、大幅摄影展示与细线分隔。
Awwwards
浅灰色基底、大幅摄影展示与胶囊形控件。
页面以浅灰色为基底，搭配近黑色文字。字体采用 Inter Tight。视觉特点包括大幅摄影展示、胶囊形控件、扁平表面、大字排版。适合参考的场景：设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 任何展示或项目标题都采用Inter Tight 300、100–127px；轻字重是标志性特征，而非粗体。
- 所有按钮、卡片、徽章和图像采用8px border-radius；14px只用于精选或大卡片，小型行内徽章4px。
- 调色板95%保持无彩色，采用Ink（#222222）、Paper（#ffffff）、Canvas（#e9e9e9）和Fog（#dedede）；Ember（#fa5d29）只留给单元素标点。
- 42px及以上展示字号使用0.93–1.0行高，让超大文字具有建筑感，而非宽松感。
- 文字作为编辑式叠加直接放在首屏摄影上；不要将图像包在卡片容器中。
- 填充与描边按钮配对时，内边距8px 16px和圆角8px完全一致，使其呈现为同一系统。
- 元素基础间隙使用8px，分区分隔直接跳到24px或48px，跳过中间数值。
建议避免
- 除Ember外，不要引入其他彩色，不使用蓝、绿或多色强调系统；无彩色纪律就是品牌。
- 标题不要采用700+字重；系统反对粗体，极大尺度的300字重就是语气。
- 卡片或按钮不要添加box-shadow；抬升来自暖灰画布上的颜色对比，而非投影。
- border-radius只采用4px、8px或14px；系统恰好有三种圆角，映射到特定元素类型。
- 首屏不要约束为max-width；项目展示和首屏图像均为满幅，页面是画廊墙，而非居中文档。
- 任何UI元素都不要采用渐变；调色板平面，渐变会稀释编辑式清晰感。
- 正文字号不要低于11px或高于16px；字体系统的正文范围紧密，其余全部为展示或元数据。
