← back to the gallery

Uniswap Cup: magenta tournament-bracket interface

Tier
inspiration
Roles
hero, proof, feature, page-head
Feel
light, playful, brutalist
Motion
pan
Source
public-site
Site
https://unicup.uniswap.org/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-04
Captures
frames: https://images.refero.design/styles/refero.design/video/e1a2dd19-72d9-49c5-bb5a-6620589e8570.mp4
both: https://unicup.uniswap.org/

What it does

A white tournament page arranges magenta and black team logos, scores, and bracket connectors around a central final matchup and cup emblem.

Section roster

1. Tournament navigation. 2. Left elimination bracket. 3. Central final matchup. 4. Right elimination bracket. 5. Score and team labels.

Why it works

The mirrored bracket gives immediate spatial meaning to scores, while magenta highlights identify winning paths against a sparse white canvas.

Source and capture notes

Refero [style page](https://styles.refero.design/style/fabb51a0-0f83-4177-b83e-4969705a389c) and [recorded video](https://images.refero.design/styles/refero.design/video/e1a2dd19-72d9-49c5-bb5a-6620589e8570.mp4); [live site](https://unicup.uniswap.org/) checked on 2026-10-04. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. On the observed mobile page the wide bracket extends horizontally; the capture shows its left-hand portion rather than a stacked redesign.