Eventbrite 网站预览
Eventbrite 网站预览

Eventbrite

近白色基底、胶囊形控件与圆角卡片。

页面以近白色为基底,搭配深蓝色文字。字体采用 Neue Plak、Neue Plak Text。视觉特点包括胶囊形控件、圆角卡片、网格布局、大幅摄影展示。适合参考的场景:专题展示页、项目介绍页。

查看原始网站

使用规范

建议采用

  • 所有内容卡片都采用40px border-radius,这是定义系统的柔软感,压为8px会破坏视觉身份。
  • Electric Iris(#3659e3)只用于交互元素,包括链接、描边按钮、所选状态和图标强调,绝不用于装饰填充或大背景区块。
  • 所有正文和边框采用Aubergine Ink(#39364f),而非纯黑;细微暖意让界面不显冷清。
  • 操作默认描边或无填充样式,产品UI唯一的填充按钮是Ember Orange的Cookie同意CTA。
  • 页面背景设为Warm Linen(#f8f7fa),卡片表面Pure White(#ffffff);双色层叠在没有阴影的情况下传达深度。
  • 默认正文为Neue Plak 14px,只有活动标题和主要内容才用16px+。
  • 所有卡片和列表分隔采用1px的Soft Mist(#dbdae3)边框,避免box-shadow抬升。

建议避免

  • Ember Orange(#f05537)不要用于产品操作、CTA或交互元素,只留给品牌标志和Cookie同意按钮。
  • 正文不要采用纯黑(#000000),始终使用Aubergine Ink(#39364f)保留暖意。
  • 卡片不要添加投影,40px圆角加1px边框就是抬升语言。
  • 不要引入第二种字体,Neue Plak承载整个系统。
  • Electric Iris不要作为大面积表面填充,将其限制为1.5px轮廓和图标描边,保留信号价值。
  • 卡片不要采用0px或2px锐利圆角,柔软感是品牌支柱。
  • 正文不要采用Plum Depth(#1e0a3c),它只留给需要深度强调的活动标题和大型标题。