Little Troop 网站预览
Little Troop 网站预览

Little Troop

白色基底、圆角卡片与网格布局。

页面以白色为基底。字体采用 Arial Narrow、Times Now。视觉特点包括圆角卡片、网格布局、大幅摄影展示、插画元素。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 卡片、标签、按钮和框架等每个矩形元素都采用 50px border-radius;这是体系唯一的形状。
  • 所有界面框架、文字和边框的色板限于 #000000 与 #ffffff;彩色专属于项目图像。
  • 所有功能元素,包括导航、标签、正文和元信息,都采用 14-16px Arial Narrow;Times Now 250 字重每页最多用于一个展示场景。
  • 主要内容块之间留出 100px+ 分区间距;体系需要白色虚空呼吸。
  • 图像从边缘到边缘填满 50px 圆角内部,不加内边距,也不在框内放说明文字。
  • 卡片下方的元信息块使用 20px 内边距,并保持这一节奏一致。
  • 导航和页脚以较大的横向边距(100-230px)锚定视口边缘,使各项像悬浮标签。

建议避免

  • 不要引入第三种颜色、阴影、渐变或任何表面底色;双色纪律就是品牌。
  • 标题不使用粗展示字重;Times Now 250 字重是唯一展示语气,需要更醒目时增大尺寸,而非字重。
  • 任何位置都不要使用矩形尖角;即便小标签块、标签和按钮也采用 50px 圆角。
  • 边框、轮廓或焦点环只能采用纯 1px 黑色,不使用彩色状态或带色悬停。
  • 白色画布不被面板、侧栏或容器表面打断;页面是唯一表面。
  • 正文或元信息不居中;页脚署名和项目说明按指定边缘左对齐或右对齐。
  • 展示文字不使用系统无衬线;超细衬线字体使这套体系区别于其他极简机构作品集。