---
title: "Apex Circuit - Winter Major 2026 Playoff Bracket"
platform: web
slug: apex-circuit-winter-major-2026-playoff-bracket
screens: []
domains: ["gaming"]
style: "brutalist"
fonts: ["Archivo", "Space Mono"]
roles: ["top-navigation-bar", "tab-bar", "badge", "avatar", "toolbar", "chip", "card", "divider"]
score: {clean: 100, consistent: 84, accessible: 64, comprehensible: 27}
url: https://gui.farm/web/apex-circuit-winter-major-2026-playoff-bracket
raw: https://gui.farm/web/apex-circuit-winter-major-2026-playoff-bracket/design.guix
download: https://gui.farm/web/apex-circuit-winter-major-2026-playoff-bracket.gui
---

# Apex Circuit - Winter Major 2026 Playoff Bracket

A brutalist web esports playoff bracket where a fan reviews the completed single-elimination results of an 8-team major, with quarterfinal-to-final match nodes joined by connector lines, seeds and series scores, a crowned champion, prize-pool distribution, and event details.

- **Live preview:** https://gui.farm/web/apex-circuit-winter-major-2026-playoff-bracket
- **Raw source:** https://gui.farm/web/apex-circuit-winter-major-2026-playoff-bracket/design.guix
- **Download (.gui):** https://gui.farm/web/apex-circuit-winter-major-2026-playoff-bracket.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Apex Circuit - Winter Major 2026 Playoff Bracket">
  <tokens>
    <color name="ground" value="#F0ECE1" />
    <color name="card" value="#FBFAF4" />
    <color name="ink" value="#14120C" />
    <color name="soft" value="#5E5748" />
    <color name="track" value="#E2DCCB" />
    <color name="violet" value="#6D28D9" />
    <color name="violet-deep" value="#4C1D95" />
    <color name="on-violet" value="#F7F3FF" />
  </tokens>

  <fonts>
    <font family="Archivo" source="google" weights="700 800" styles="normal" />
    <font family="Space Mono" source="google" weights="400 700" styles="normal" />
  </fonts>

  <styles>
    <text-style name="Wordmark" font-family="Archivo" font-size="20" font-weight="800" line-height="24" letter-spacing="0.5" />
    <text-style name="MastTab" font-family="Space Mono" font-size="12" font-weight="700" line-height="15" letter-spacing="0.5" />
    <text-style name="Label" font-family="Space Mono" font-size="11" font-weight="700" line-height="14" letter-spacing="1" />
    <text-style name="Tiny" font-family="Space Mono" font-size="10" font-weight="700" line-height="13" letter-spacing="0.6" />
    <text-style name="Body" font-family="Space Mono" font-size="12" font-weight="400" line-height="17" />
    <text-style name="PanelTitle" font-family="Archivo" font-size="18" font-weight="800" line-height="22" letter-spacing="0.2" />
    <text-style name="RoundHead" font-family="Space Mono" font-size="11" font-weight="700" line-height="14" letter-spacing="1.5" />
    <text-style name="Seed" font-family="Space Mono" font-size="11" font-weight="700" line-height="13" />
    <text-style name="TeamTag" font-family="Archivo" font-size="15" font-weight="800" line-height="18" letter-spacing="0.3" />
    <text-style name="TeamMeta" font-family="Space Mono" font-size="10" font-weight="700" line-height="12" letter-spacing="0.4" />
    <text-style name="Score" font-family="Archivo" font-size="22" font-weight="800" line-height="24" letter-spacing="-0.5" />
    <text-style name="H2" font-family="Archivo" font-size="14" font-weight="700" line-height="18" letter-spacing="0.3" />
    <text-style name="StatNum" font-family="Archivo" font-size="22" font-weight="800" line-height="26" />
    <text-style name="Money" font-family="Space Mono" font-size="13" font-weight="700" line-height="16" />
    <text-style name="ChampTag" font-family="Archivo" font-size="34" font-weight="800" line-height="36" letter-spacing="0.5" />
    <text-style name="ChampName" font-family="Space Mono" font-size="11" font-weight="700" line-height="14" letter-spacing="0.8" />
  </styles>

  <col w="1440" fill="$ground">

    <!-- ================= MASTHEAD ================= -->
    <row w="1440" h="64" p="0 28" gap="20" align="middle-left" fill="$card" border-bottom="3 $ink" role="top-navigation-bar">
      <row gap="11" align="middle-left">
        <col w="34" h="34" fill="$violet" border="2 $ink" align="middle-center">
          <img src="https://api.iconify.design/lucide/swords.svg?color=%23F7F3FF" w="19" h="19" />
        </col>
        <text text-style="Wordmark" value="APEX CIRCUIT" color="$ink" />
      </row>
      <row w="fill" h="64" gap="0" align="middle-left" role="tab-bar">
        <row h="64" p="0 16" align="middle-center" border-bottom="4 $violet">
          <text text-style="MastTab" value="BRACKET" color="$ink" text-case="uppercase" />
        </row>
        <row h="64" p="0 16" align="middle-center">
          <text text-style="MastTab" value="TEAMS" color="$soft" text-case="uppercase" />
        </row>
        <row h="64" p="0 16" align="middle-center">
          <text text-style="MastTab" value="SCHEDULE" color="$soft" text-case="uppercase" />
        </row>
        <row h="64" p="0 16" align="middle-center">
          <text text-style="MastTab" value="STATS" color="$soft" text-case="uppercase" />
        </row>
      </row>
      <row gap="12" align="middle-right">
        <row p="7 11" gap="8" fill="$violet" border="2 $ink" align="middle-center" role="badge">
          <img src="https://api.iconify.design/lucide/trophy.svg?color=%23F7F3FF" w="14" h="14" />
          <text text-style="Label" value="CHAMPION CROWNED" color="$on-violet" />
        </row>
        <row p="8 11" gap="8" fill="$card" border="2 $ink" align="middle-center">
          <img src="https://api.iconify.design/lucide/eye.svg?color=%2314120C" w="15" h="15" />
          <text text-style="MastTab" value="312,480 peak" color="$ink" />
        </row>
        <col w="38" h="38" fill="$ink" border="2 $ink" align="middle-center" role="avatar">
          <text text-style="MastTab" value="AC" color="$card" />
        </col>
      </row>
    </row>

    <!-- ================= SUB BAR ================= -->
    <row w="1440" h="48" p="0 28" gap="14" align="middle-left" fill="$ground" border-bottom="2 $ink" role="toolbar">
      <text text-style="Label" value="WINTER MAJOR 2026 · PLAYOFFS" color="$ink" />
      <row p="3 8" fill="$card" border="2 $ink" align="middle-center" role="chip">
        <text text-style="Tiny" value="SINGLE ELIMINATION" color="$ink" />
      </row>
      <rect w="2" h="18" fill="$soft" />
      <text text-style="Body" value="Best of 5 · Grand Final Bo7" color="$soft" />
      <row w="fill" gap="14" align="middle-right">
        <text text-style="Body" value="Melbourne Arena" color="$soft" />
        <rect w="2" h="18" fill="$soft" />
        <text text-style="Label" value="MAR 14-16" color="$ink" />
      </row>
    </row>

    <!-- ================= BODY ================= -->
    <row w="1440" p="28" gap="24" align="top-left">

      <!-- ============ LEFT: BRACKET PANEL ============ -->
      <col w="976" p="22" gap="16" fill="$card" border="3 $ink" role="card">

        <!-- panel header -->
        <row w="932" align="middle-left">
          <col w="fill" gap="3" align="middle-left">
            <text text-style="PanelTitle" value="PLAYOFF BRACKET" color="$ink" />
            <text text-style="Tiny" value="8 TEAMS · 7 MATCHES · DOUBLE-DIGIT SEEDS ELIMINATED IN ROUND ONE" color="$soft" />
          </col>
          <row p="5 10" fill="$ink" align="middle-center" role="badge">
            <text text-style="Tiny" value="FINAL RESULTS" color="$card" />
          </row>
        </row>

        <!-- round headers -->
        <row w="932" gap="40" align="top-left">
          <col w="196"><text text-style="RoundHead" value="QUARTERFINALS" color="$violet-deep" /></col>
          <col w="196"><text text-style="RoundHead" value="SEMIFINALS" color="$violet-deep" /></col>
          <col w="196"><text text-style="RoundHead" value="GRAND FINAL" color="$violet-deep" /></col>
          <col w="220"><text text-style="RoundHead" value="CHAMPION" color="$violet-deep" /></col>
        </row>

        <!-- bracket body -->
        <row w="932" gap="0" align="top-left">

          <!-- ===== QUARTERFINALS (4 cards, h96, gap40) ===== -->
          <col w="196" gap="40" align="top-left">

            <!-- QF0 : centers y=48 -->
            <col w="196" h="96" fill="$card" border="2 $ink" gap="0" role="card">
              <row w="196" h="48" gap="0" align="middle-left" border-bottom="2 $ink">
                <rect w="4" h="48" fill="$violet" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$violet" border="2 $ink" align="middle-center"><text text-style="Seed" value="1" color="$on-violet" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="SNV" color="$ink" />
                    <text text-style="TeamMeta" value="Sentinel Vanguard" color="$soft" />
                  </col>
                  <text text-style="Score" value="3" color="$violet-deep" align="right" />
                </row>
              </row>
              <row w="196" h="48" gap="0" align="middle-left">
                <rect w="4" h="48" fill="$track" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$ground" border="2 $ink" align="middle-center"><text text-style="Seed" value="8" color="$ink" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="IRN" color="$soft" />
                    <text text-style="TeamMeta" value="Iron Halo" color="$soft" />
                  </col>
                  <text text-style="Score" value="1" color="$soft" align="right" />
                </row>
              </row>
            </col>

            <!-- QF1 : centers y=184 -->
            <col w="196" h="96" fill="$card" border="2 $ink" gap="0" role="card">
              <row w="196" h="48" gap="0" align="middle-left" border-bottom="2 $ink">
                <rect w="4" h="48" fill="$track" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$ground" border="2 $ink" align="middle-center"><text text-style="Seed" value="4" color="$ink" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="NVA" color="$soft" />
                    <text text-style="TeamMeta" value="Nova Collective" color="$soft" />
                  </col>
                  <text text-style="Score" value="2" color="$soft" align="right" />
                </row>
              </row>
              <row w="196" h="48" gap="0" align="middle-left">
                <rect w="4" h="48" fill="$violet" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$violet" border="2 $ink" align="middle-center"><text text-style="Seed" value="5" color="$on-violet" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="RIP" color="$ink" />
                    <text text-style="TeamMeta" value="Riptide GG" color="$soft" />
                  </col>
                  <text text-style="Score" value="3" color="$violet-deep" align="right" />
                </row>
              </row>
            </col>

            <!-- QF2 : centers y=320 -->
            <col w="196" h="96" fill="$card" border="2 $ink" gap="0" role="card">
              <row w="196" h="48" gap="0" align="middle-left" border-bottom="2 $ink">
                <rect w="4" h="48" fill="$violet" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$violet" border="2 $ink" align="middle-center"><text text-style="Seed" value="2" color="$on-violet" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="OBS" color="$ink" />
                    <text text-style="TeamMeta" value="Obsidian Order" color="$soft" />
                  </col>
                  <text text-style="Score" value="3" color="$violet-deep" align="right" />
                </row>
              </row>
              <row w="196" h="48" gap="0" align="middle-left">
                <rect w="4" h="48" fill="$track" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$ground" border="2 $ink" align="middle-center"><text text-style="Seed" value="7" color="$ink" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="LMN" color="$soft" />
                    <text text-style="TeamMeta" value="Lumen Athletic" color="$soft" />
                  </col>
                  <text text-style="Score" value="1" color="$soft" align="right" />
                </row>
              </row>
            </col>

            <!-- QF3 : centers y=456 -->
            <col w="196" h="96" fill="$card" border="2 $ink" gap="0" role="card">
              <row w="196" h="48" gap="0" align="middle-left" border-bottom="2 $ink">
                <rect w="4" h="48" fill="$violet" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$violet" border="2 $ink" align="middle-center"><text text-style="Seed" value="3" color="$on-violet" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="KES" color="$ink" />
                    <text text-style="TeamMeta" value="Kestrel Dynamo" color="$soft" />
                  </col>
                  <text text-style="Score" value="3" color="$violet-deep" align="right" />
                </row>
              </row>
              <row w="196" h="48" gap="0" align="middle-left">
                <rect w="4" h="48" fill="$track" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$ground" border="2 $ink" align="middle-center"><text text-style="Seed" value="6" color="$ink" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="MER" color="$soft" />
                    <text text-style="TeamMeta" value="Meridian Fox" color="$soft" />
                  </col>
                  <text text-style="Score" value="0" color="$soft" align="right" />
                </row>
              </row>
            </col>

          </col>

          <!-- ===== CONNECTOR A (QF -> SF) ===== -->
          <frame w="40" h="504" clip="true">
            <rect x="0" y="47" w="21" h="3" fill="$ink" />
            <rect x="0" y="183" w="21" h="3" fill="$ink" />
            <rect x="18" y="47" w="3" h="139" fill="$ink" />
            <rect x="18" y="115" w="22" h="3" fill="$ink" />
            <rect x="0" y="319" w="21" h="3" fill="$ink" />
            <rect x="0" y="455" w="21" h="3" fill="$ink" />
            <rect x="18" y="319" w="3" h="139" fill="$ink" />
            <rect x="18" y="387" w="22" h="3" fill="$ink" />
          </frame>

          <!-- ===== SEMIFINALS (2 cards centered y=116, y=388) ===== -->
          <col w="196" pt="68" gap="176" align="top-left">
            <!-- SF0 : center y=116 -->
            <col w="196" h="96" fill="$card" border="2 $ink" gap="0" role="card">
              <row w="196" h="48" gap="0" align="middle-left" border-bottom="2 $ink">
                <rect w="4" h="48" fill="$violet" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$violet" border="2 $ink" align="middle-center"><text text-style="Seed" value="1" color="$on-violet" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="SNV" color="$ink" />
                    <text text-style="TeamMeta" value="Sentinel Vanguard" color="$soft" />
                  </col>
                  <text text-style="Score" value="3" color="$violet-deep" align="right" />
                </row>
              </row>
              <row w="196" h="48" gap="0" align="middle-left">
                <rect w="4" h="48" fill="$track" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$ground" border="2 $ink" align="middle-center"><text text-style="Seed" value="5" color="$ink" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="RIP" color="$soft" />
                    <text text-style="TeamMeta" value="Riptide GG" color="$soft" />
                  </col>
                  <text text-style="Score" value="2" color="$soft" align="right" />
                </row>
              </row>
            </col>
            <!-- SF1 : center y=388 -->
            <col w="196" h="96" fill="$card" border="2 $ink" gap="0" role="card">
              <row w="196" h="48" gap="0" align="middle-left" border-bottom="2 $ink">
                <rect w="4" h="48" fill="$track" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$ground" border="2 $ink" align="middle-center"><text text-style="Seed" value="2" color="$ink" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="OBS" color="$soft" />
                    <text text-style="TeamMeta" value="Obsidian Order" color="$soft" />
                  </col>
                  <text text-style="Score" value="1" color="$soft" align="right" />
                </row>
              </row>
              <row w="196" h="48" gap="0" align="middle-left">
                <rect w="4" h="48" fill="$violet" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$violet" border="2 $ink" align="middle-center"><text text-style="Seed" value="3" color="$on-violet" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="KES" color="$ink" />
                    <text text-style="TeamMeta" value="Kestrel Dynamo" color="$soft" />
                  </col>
                  <text text-style="Score" value="3" color="$violet-deep" align="right" />
                </row>
              </row>
            </col>
          </col>

          <!-- ===== CONNECTOR B (SF -> FINAL) ===== -->
          <frame w="40" h="504" clip="true">
            <rect x="0" y="115" w="21" h="3" fill="$ink" />
            <rect x="0" y="387" w="21" h="3" fill="$ink" />
            <rect x="18" y="115" w="3" h="275" fill="$ink" />
            <rect x="18" y="251" w="22" h="3" fill="$ink" />
          </frame>

          <!-- ===== GRAND FINAL (1 card centered y=252) ===== -->
          <col w="196" pt="204" align="top-left">
            <col w="196" h="96" fill="$card" border="3 $ink" gap="0" role="card">
              <row w="196" h="48" gap="0" align="middle-left" border-bottom="2 $ink">
                <rect w="4" h="48" fill="$violet" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$violet" border="2 $ink" align="middle-center"><text text-style="Seed" value="1" color="$on-violet" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="SNV" color="$ink" />
                    <text text-style="TeamMeta" value="Sentinel Vanguard" color="$soft" />
                  </col>
                  <text text-style="Score" value="4" color="$violet-deep" align="right" />
                </row>
              </row>
              <row w="196" h="48" gap="0" align="middle-left">
                <rect w="4" h="48" fill="$track" />
                <row w="fill" h="48" p="0 10 0 8" gap="8" align="middle-left">
                  <col w="20" h="20" fill="$ground" border="2 $ink" align="middle-center"><text text-style="Seed" value="3" color="$ink" /></col>
                  <col w="fill" gap="1" align="middle-left">
                    <text text-style="TeamTag" value="KES" color="$soft" />
                    <text text-style="TeamMeta" value="Kestrel Dynamo" color="$soft" />
                  </col>
                  <text text-style="Score" value="2" color="$soft" align="right" />
                </row>
              </row>
            </col>
          </col>

          <!-- ===== CONNECTOR C (FINAL -> CHAMPION) ===== -->
          <frame w="40" h="504" clip="true">
            <rect x="0" y="251" w="40" h="3" fill="$ink" />
          </frame>

          <!-- ===== CHAMPION (card centered y=252) ===== -->
          <col w="220" pt="182" align="top-left">
            <col w="220" h="140" fill="$violet" border="3 $ink" p="16" gap="7" align="middle-center" role="card">
              <appearance>
                <fill type="color" value="#6D28D9" />
                <effect type="drop-shadow" x="6" y="6" radius="0" spread="0" color="#14120C" />
              </appearance>
              <img src="https://api.iconify.design/lucide/trophy.svg?color=%23F7F3FF" w="26" h="26" />
              <text text-style="ChampName" value="CHAMPION" color="$on-violet" />
              <text text-style="ChampTag" value="SNV" color="$on-violet" />
              <row p="3 8" fill="$on-violet" align="middle-center">
                <text text-style="Tiny" value="GRAND FINAL 4-2" color="$violet-deep" />
              </row>
            </col>
          </col>

        </row>
      </col>

      <!-- ============ RIGHT RAIL ============ -->
      <col w="384" gap="18">

        <!-- GRAND FINAL spotlight card -->
        <col w="384" fill="$card" border="3 $ink" role="card">
          <img w="384" h="150" src="https://images.unsplash.com/photo-1663668566893-7a4887f9a41d?w=768&amp;h=300&amp;fit=crop&amp;q=80&amp;auto=format" />
          <col w="fill" p="16 18" gap="10">
            <text text-style="Label" value="GRAND FINAL · COMPLETE" color="$violet-deep" />
            <text text-style="PanelTitle" value="Sentinel Vanguard" color="$ink" />
            <text text-style="Body" value="def. Kestrel Dynamo 4-2 to take the Winter Major title in front of a sold-out Melbourne Arena." color="$soft" />
            <row w="fill" gap="10" align="middle-left" pt="2">
              <col w="34" h="34" fill="$violet" border="2 $ink" align="middle-center">
                <text text-style="TeamMeta" value="KM" color="$on-violet" />
              </col>
              <col w="fill" gap="2" align="middle-left">
                <text text-style="H2" value="Kai Mendoza" color="$ink" />
                <text text-style="Tiny" value="FINALS MVP · SNV" color="$soft" />
              </col>
              <col gap="2" align="middle-right">
                <text text-style="StatNum" value="1.38" color="$violet-deep" align="right" />
                <text text-style="Tiny" value="MVP RATING" color="$soft" align="right" />
              </col>
            </row>
          </col>
        </col>

        <!-- PRIZE POOL card -->
        <col w="384" p="18 20" gap="14" fill="$card" border="3 $ink" role="card">
          <row w="344" align="middle-left">
            <text w="fill" text-style="Label" value="PRIZE POOL" color="$ink" />
            <text text-style="Money" value="$300,000" color="$violet-deep" align="right" />
          </row>

          <!-- 1st -->
          <col w="344" gap="6">
            <row w="344" align="middle-left">
              <text w="fill" text-style="Body" value="1st  Sentinel Vanguard" color="$ink" />
              <text text-style="Money" value="$120,000" color="$ink" align="right" />
            </row>
            <frame w="344" h="14" clip="true">
              <rect x="0" y="0" w="344" h="14" fill="$track" />
              <rect x="0" y="0" w="344" h="14" fill="$violet" />
            </frame>
          </col>

          <!-- 2nd -->
          <col w="344" gap="6">
            <row w="344" align="middle-left">
              <text w="fill" text-style="Body" value="2nd  Kestrel Dynamo" color="$ink" />
              <text text-style="Money" value="$60,000" color="$ink" align="right" />
            </row>
            <frame w="344" h="14" clip="true">
              <rect x="0" y="0" w="344" h="14" fill="$track" />
              <rect x="0" y="0" w="172" h="14" fill="$violet" />
            </frame>
          </col>

          <!-- 3rd-4th -->
          <col w="344" gap="6">
            <row w="344" align="middle-left">
              <text w="fill" text-style="Body" value="3rd-4th  Obsidian · Riptide" color="$soft" />
              <text text-style="Money" value="$25,000 ea" color="$soft" align="right" />
            </row>
            <frame w="344" h="14" clip="true">
              <rect x="0" y="0" w="344" h="14" fill="$track" />
              <rect x="0" y="0" w="72" h="14" fill="$violet" />
            </frame>
          </col>

          <!-- 5th-8th -->
          <col w="344" gap="6">
            <row w="344" align="middle-left">
              <text w="fill" text-style="Body" value="5th-8th  Nova · Lumen · Meridian · Iron" color="$soft" />
              <text text-style="Money" value="$17,500 ea" color="$soft" align="right" />
            </row>
            <frame w="344" h="14" clip="true">
              <rect x="0" y="0" w="344" h="14" fill="$track" />
              <rect x="0" y="0" w="50" h="14" fill="$violet" />
            </frame>
          </col>

          <text w="344" text-style="Tiny" value="8 TEAMS · SUMS TO $300,000" color="$soft" />
        </col>

        <!-- EVENT INFO card -->
        <col w="384" p="18 20" gap="12" fill="$ink" border="3 $ink" role="card">
          <text text-style="Label" value="EVENT INFO" color="$card" />
          <row w="344" gap="0" align="top-left">
            <col w="172" gap="2" align="top-left">
              <text text-style="Tiny" value="FORMAT" color="$track" />
              <text text-style="H2" value="Single Elim" color="$card" />
            </col>
            <col w="172" gap="2" align="top-left">
              <text text-style="Tiny" value="TEAMS" color="$track" />
              <text text-style="H2" value="8" color="$card" />
            </col>
          </row>
          <line w="344" fill="$soft" thickness="2" role="divider" />
          <row w="344" gap="0" align="top-left">
            <col w="172" gap="2" align="top-left">
              <text text-style="Tiny" value="GRAND FINAL" color="$track" />
              <text text-style="H2" value="Best of 7" color="$card" />
            </col>
            <col w="172" gap="2" align="top-left">
              <text text-style="Tiny" value="PEAK VIEWERS" color="$track" />
              <text text-style="H2" value="312,480" color="$card" />
            </col>
          </row>
          <line w="344" fill="$soft" thickness="2" role="divider" />
          <row w="344" gap="0" align="top-left">
            <col w="172" gap="2" align="top-left">
              <text text-style="Tiny" value="VENUE" color="$track" />
              <text text-style="H2" value="Melbourne Arena" color="$card" />
            </col>
            <col w="172" gap="2" align="top-left">
              <text text-style="Tiny" value="DATES" color="$track" />
              <text text-style="H2" value="Mar 14-16" color="$card" />
            </col>
          </row>
        </col>

      </col>
    </row>

    <!-- ================= FOOTER ================= -->
    <row w="1440" h="34" p="0 28" gap="16" align="middle-left" fill="$ink" border-top="3 $ink" role="toolbar">
      <row gap="7" align="middle-left">
        <ellipse w="7" h="7" fill="$violet" />
        <text text-style="Tiny" value="BRACKET FINAL · OFFICIAL RESULTS" color="$card" />
      </row>
      <rect w="2" h="14" fill="$soft" />
      <text text-style="Tiny" value="APEX CIRCUIT · WINTER MAJOR 2026" color="$track" />
      <row w="fill" gap="16" align="middle-right">
        <text text-style="Tiny" value="apexcircuit.gg/winter26" color="$track" />
        <text text-style="Tiny" value="APEX BROADCAST v4" color="$card" />
      </row>
    </row>

  </col>
</gui>
```