Alejandro Mejias 网站预览
Alejandro Mejias 网站预览

Alejandro Mejias

明暗对比、网格布局与等宽文字标注。

页面兼有浅色与深色区域。字体采用 FK Raster Grotesk Compact Trial Sharp、IBM Plex Mono。视觉特点包括网格布局、等宽文字标注、产品图像展示。适合参考的场景：设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 每个标签、标签项和元信息字符串都采用IBM Plex Mono 500–600、10–11px及0.086–0.109em正字间距，默认使用大写。
  • FK Raster Grotesk Compact Trial Sharp、32–48px / 1.0行高仅用于区块标题，绝不用于正文或副标题。
  • Acid Lime（#ebff00）仅用于时间徽标、“Book a Call” CTA和头像胶囊，绝不用于大区块背景填充。
  • 所有按钮、标签和描边操作采用4px圆角，所有图片24px；72–84px圆角仅用于胶囊形元素。
  • 每个页面都保持三区顶部栏布局：左侧品牌 / 中间导航 / 右侧状态胶囊。
  • 浅色区块采用Bone White上的Obsidian文字，深色区块采用Obsidian上的Bone White文字，绝不混用。
  • 以48px垂直内边距作为标准区块分隔节奏。

建议避免

  • 不要引入额外彩色；青柠色是系统唯一强调色，添加其他颜色会破坏纪律。
  • 任何UI元素都不要使用柔和阴影、模糊或渐变背景；除了3D雕塑，系统刻意保持平坦。
  • 按钮或标签不要使用16px+圆角；它们必须呈现锐利、精确的4px形态。
  • 正文不要超过18px；设计采用11px标签与48px展示文字之间的字号对比，而非中间级别。
  • 正文不要居中；所有正文和标签左对齐，只有展示标题偶尔居中。
  • 不要使用低于4px的圆角，也不要采用完全方正的直角；4px是最小精确圆角。
  • 单一组件中不要叠加超过两种字重；系统仅依赖等宽字体与展示无衬线字体。

相似设计语言