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),它只留给需要深度强调的活动标题和大型标题。