TOMO 网站预览
TOMO 网站预览

TOMO

暖白色基底、大字排版与细线分隔。

页面以暖白色为基底,搭配近黑色文字。字体采用 Recife、Times。视觉特点包括大字排版、细线分隔、错落拼贴、摄影展示。适合参考的场景:摄影作品集、视觉内容展示页。

查看原始网站

使用规范

建议采用

  • 任何展示级标题都采用Recife 80px+,让它像TOMO文字标志一样主导视口。
  • 每条边框都严格设为1px #000000;黑色细线是系统唯一的边框宽度。
  • 所有地方都使用0圆角;卡片、按钮、标签或图像均不采用圆角。
  • #ff6347只作为走马灯飘带、印章油墨或满幅分区出现,绝不作为按钮填充。
  • 奶油色画布上的分区采用65–115px底部内边距,让页面有呼吸感。
  • 自由叠放摄影与文字,可以重叠、略微旋转印章,并让图像越过边缘。
  • 正文保持13–26px的小巧实用尺度,让展示文字承担视觉分量。
  • 白色#ffffff作为贴纸标签和反白文字的表面,而非页面背景。

建议避免

  • 不要引入阴影、渐变或任何抬升语言;系统刻意保持平面。
  • 任何地方都不要添加圆角;0px圆角是不可更改的要求。
  • 不要将#ff6347作为按钮背景或填充CTA小标签;它只属于走马灯和印章。
  • 标题不要采用无衬线字体;Recife或替代衬线字体是品牌语气。
  • 不要将每个元素都居中;布局经过艺术指导,采用不对称构图,而非网格。
  • 不要构建栏间距相等的卡片网格;拼贴有自己的节奏。
  • 不要引入次级强调色;全部彩色词汇只有一种番茄红。
  • 首页不要将内容包在max-width容器中;画布采用满幅。
  • 展示文字或大型标题不要使用Times;它只用于功能性小字。