John Elway Division
Dragons
Team colors
The club's official colors, and what each one is for. The chart hue is for graphs only — never brand identity.
- Primary
- Secondary
- Chart hue
What the site actually paints
What each color resolves to per theme. Use these for anything in the foreground, not the raw hexes above.
- Accent token Light
#462a1aDark#87756aWhat teamAccentVar(franchiseId) resolves to. EVERY foreground use of a team colour reads this — text, a rank numeral, a chart line, a legend swatch — because it is floored to 3:1 against each theme’s card. Several franchises’ raw hexes land near 1:1 there. - Live bar fill Light
#462a1aDark#462a1aThe win-probability bar on Live Scoring. Cleared for ΔE against the card — perceptual distance, the right metric for a block of colour. Resolved per MATCHUP, so an opponent in the same family shifts it; this is the value against a neutral. - Live bar ink Light
#462a1aDark#998a81The SCORE beside that bar. Cleared for WCAG AA body contrast instead, because ΔE is not a reading metric — a colour can pass as a fill and be unreadable as a number, which is how coloured bars once sat beside grey scores.
Marks on file
2 cuts. Use the same-origin path on this site and the absolute URL in MFL. This franchise ships no hand-authored dark cut, so a dark card draws the light art behind a measured white ring.
What each ground draws
Use the light cut on a white cell, and the dark cut on a dark card and on the club's own color.
- Light surfaces
Icon Standings rows, roster headers, the nav crest — anything on a white card. - Dark surfaces
Icon The same surfaces in dark mode. No dark cut on file, so the light art keeps a measured white ring to stay legible. - Team color
Icon The team-color band — a hero, a reveal card, a player modal. Dark in both themes, so it follows the dark assignment.
In the app
The real components, on their real grounds.
- Standings row the crest is the team column 1
10-4 1
10-4 - Team color the third ground
DRAGONS -
Composite hero the crest as a watermark, ~300px, on the franchise's own gradient
Brand Book
Archie's Fantasy Football League Dragons
The franchise's crest as a homepage hero draws it: a watermark behind the copy, on the gradient derived from its brand pair.
Every cut on file
Using these marks
What each file is for. The Brand Book's file search finds any file in the league by name.
- Icon — 100×100
- The crest for themed surfaces: standings rows, the nav team chip, matchup cards, roster headers. Render the LIGHT src and let the theme swap resolve it.
- Icon dark — 100×100
- Not on file for this franchise. A dark card uses the light art, ringed where it needs one.
- GroupMe crest — 400×400
- Use for any crest drawn larger than ~100px: heroes, modal bands, watermarks.
- Banner
- The wide lockup, for MFL’s franchise header and throwback era art. Never use it where a square mark is expected.
- A color as FOREGROUND
- Text, a rank numeral, a chart line, a legend swatch: read the token --team-accent-0011 via teamAccentVar(franchiseId), never the raw hex.
- A color as a FILL
- A full-bleed band with white copy on it takes the brand pair directly; the resolver floors it for white ink.
Message