Aptos Network 网站预览
Aptos Network 网站预览

Aptos Network

暖白色基底、分屏构图与胶囊形控件。

页面以暖白色为基底,搭配近黑色文字。字体采用 Season Serif。视觉特点包括分屏构图、胶囊形控件、紧密字距、细线分隔。适合参考的场景:技术项目官网、区块链产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有文字都采用Season Serif,没有次级字体;55px+展示文字使用335–340字重,正文和UI使用400–420,强调使用420–444。
  • 任何90px或更大的文字都采用-0.030em letter-spacing;正字间距+0.01em只用于9px说明,正文使用normal。
  • 满幅色彩分区背景采用Sage、Warm Stone、Soft Sand和Powder Blue,纵向内边距90–150px;绝不要将分区背景约束为max-width。
  • 所有分隔线都通过`inset 0 0 0 1px {color}` box-shadow绘制,而非border属性;颜色在Ink、Soft Sand和Powder Blue之间轮换。
  • 所有按钮、导航容器和标签采用9999px圆角;其余所有表面,包括卡片、代码面板和输入框,采用0px。
  • 所有Season Serif文字都启用`font-feature-settings: "calt"`;上下文替代字形是品牌语气的一部分。
  • 每个分区约以55/45分为左侧文字、右侧装饰;文字左对齐,右侧由装饰条纹面板占据。

建议避免

  • 不要使用任何无衬线字体;Season Serif承载全部内容,包括按钮、导航和代码标签。
  • 不要使用投影;系统刻意保持平面,所有线条均为1px内嵌形式。
  • 卡片、面板、代码块或图像不要采用border-radius;只有按钮和导航胶囊采用9999px圆角。
  • 不要使用明亮或饱和颜色;每种彩色值都保持低饱和鼠尾草、卡其、沙色和粉蓝,饱和度超过40%会破坏系统。
  • 不要采用平滑渐变;右侧装饰面板是硬边条纹图案,以清晰的linear-gradient色标实现。
  • 不要使用300、400、700等标准字重;Season Serif采用335、340、420、444等非标准字重,从可用尺度中选择。
  • 分屏分区的两侧不要都放文字;右侧始终为条纹图案或代码面板等装饰,绝不放正文文字。