AngelList 网站预览
AngelList 网站预览

AngelList

近黑色基底、圆角卡片与紧密字距。

页面以近黑色为基底,搭配浅绿色文字。字体采用 angellistDisplay、angellist。视觉特点包括圆角卡片、紧密字距、满幅色块、摄影展示。适合参考的场景:支付服务首页、金融科技产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有全页布局默认画布 #001d21,深蓝绿是系统身份,而非主题切换。
  • 展示标题用 angellistDisplay 400,60–216px,字间距 -0.04em 至 -0.05em,紧压衬线是品牌最易识别场景。
  • 深画布上的全部文字与展示文字用 #e0fee6 Bio Mint,#001d21 上的主要文字绝不用纯白。
  • 所有按钮、小块与导航容器圆角 9999px,内容卡片 4px,不混中间圆角。
  • 每区块唯一主要操作用 #cdcbff Lavender Dawn 填充按钮,次要操作配白或薄荷幽灵轮廓按钮。
  • 所有文字渲染设置 font-feature-settings 为 lnum、ss01、tnum,表格数字对金融数据关键。
  • 深画布上,区块以 80px 垂直间距和 1px #ccd5d6 细分割线分隔。

建议避免

  • 界面任何地方不要引入投影,深度只来自 #001d21 与 #002b31 间色调阶差。
  • 深画布正文不要纯白 #ffffff,主要用 #e0fee6 Bio Mint,次要用 #e1e3e3 Pewter。
  • 按钮或小块不要使用 8px、12px 中间圆角,系统二元,卡片 4px、交互元素 9999px。
  • 多色渐变不要作为页面或区块背景,它只是装饰品牌色样,绝非表面处理。
  • 每区块薰衣草 #cdcbff 填充行动按钮不要超过一个,紫应像唯一暖点,而非散落。
  • angellistDisplay 不要用于正文或界面标签,专供 60px+ 展示标题与数字宣言。
  • 不要将浅色模式作为默认,系统深色优先;#f1f3f2、#cdeed3 浅表面只作为有意的分隔条带,而非页背景。