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

Alejandro Mejias

酸色照明的粗野主义工作室,酸黄与Obsidian、Bone White相对。

Alejandro Mejias是一份粗野主义的编辑式作品集:几乎完全单色调的画布在白色与深黑区块间交替,唯一电光青柠强调色(#ebff00)只出现在联系操作、时间戳和头像CTA中。字体本身就是品牌识别;定制的宽阔而紧凑无衬线字体FK Raster Grotesk以32–48px承担每个区块标题,IBM Plex Mono则以10–18px及强烈正字间距处理每个标签、标签项和元信息字符串。标志性元素是一尊有光泽的3D渲染抽象“A”雕塑,像雕塑式标志吉祥物一样锚定主要区块。布局延伸至边缘,栏间距极紧,固定顶部栏分为三区(左侧品牌、中间导航、右侧状态胶囊),并配有浮动角落CTA。组件具有建筑感:锐利的4px按钮圆角、柔软的24px图片圆角,以及偶尔最高84px的巨大胶囊圆角,构成刻意对比。整体氛围像高级设计工作室的工作日志,克制、有主张,并在重要之处毫不掩饰地鲜明表达。

查看原始网站

使用规范

建议采用

  • 每个标签、标签项和元信息字符串都采用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是最小精确圆角。
  • 单一组件中不要叠加超过两种字重;系统仅依赖等宽字体与展示无衬线字体。