Qatchup
近白色基底、手绘图形与胶囊形控件。
Uniswap Cup
白色基底、网格布局与细线分隔。
页面以白色为基底，搭配近黑色文字。字体采用 Basel。视觉特点包括网格布局、细线分隔、等宽字体。适合参考的场景：区块链项目介绍页、生态网站首页。
查看原始网站使用规范
建议采用
- #f50db4 仅用于高亮/胜出状态、阶段标签和决赛说明，不作大面积装饰背景填充。
- 全部组件边角保持 0px 圆角，设计有意方正而图示化。
- 所有数字、比分、阶段标签与字标使用等宽 ui-monospace，正文与队伍名称使用系统无衬线。
- 对阵连接线采用 1px #f2f2f2 直角折线，不使用曲线或斜线。
- 32px 及以上等宽文字采用 -0.02em letter-spacing，强化紧凑转播图形感。
- 高亮比赛卡片背后采用 #fef4ff 柔和强调表面，它是稀释粉色，而非完整品牌填充。
- 布局保持铺满边缘且对称；对阵图就是页面，而非页面中的一个组件。
建议避免
- 不添加阴影、渐变或抬升，体系有意扁平而图示化。
- 任何对阵节点、标签或结构元素的 border-radius 不超过 0px。
- #f50db4 不用于正文或大背景填充，它是荧光笔，而非油漆滚筒。
- 不使用第二种强调色，整个彩色体系仅有一种粉，第二色相会破坏转播语言。
- 不使用衬线、展示或装饰字体，仅采用系统无衬线与等宽。
- 卡片内边距不超过 8px，分区间距不超过 24px；设计紧凑、图示化，而非宽松。
- 对阵图不包进 max-width 容器或居中列，须横跨全视口以保持对称。
