alet 网站预览
alet 网站预览

alet

橙色基底、衬线字形与居中构图。

页面以橙色为基底，搭配近黑色文字。字体采用 WorkSans、SilkSerif。视觉特点包括衬线字形、居中构图、摄影展示、网格布局。适合参考的场景：创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 每个区块、页面和状态都以 #ada59b 作画布，灰褐纸就是品牌。
  • 所有界面文字用 Work Sans Regular，11–13px；绝不为“主要”标签放大到 14–16px。
  • ALET 文字标志使用 Silk Serif Light，23px，字间距放宽到约 0.5em。
  • 所有文字、边框和 SVG 描边使用完全不透明的 #000000，不柔化黑色。
  • 照片用 0px 圆角，无边框、无阴影，让图片边缘直接接触画布。
  • 9999px 圆角只用于布局切换胶囊，10.8px 只用于微小内嵌框，其余保持利落。
  • 区块间距保持 101–209px，页面像印刷跨页呼吸，而非仪表盘。

建议避免

  • 不要引入任何彩色，无强调、行动填充，也无绿、红、蓝状态色。
  • 区块背景不要用白、灰白或近黑，灰褐画布是唯一表面。
  • 任何组件不要添加 box-shadow、浮起或渐变填充。
  • 文字标志或展示场景不要用无衬线，Silk Serif 是唯一衬线，也是唯一高于 13px 的字体。
  • 图片不要圆角，也不要将照片包在有填充或边框的卡片里。
  • 窄列正文不要居中，工作室宣言是唯一居中块，而且横跨较宽行长。
  • 不要使用 600–700 的大展示字重，系统完全使用 Regular 和 Light。

相似设计语言