Rink Rivals
Brand

Rink Rivals

v1.0.0 · updated 2026-09-28

Rink Rivals is a competitive NHL 27 EASHL 6v6 league. The look is broadcast-led: a dark navy base, one cyan accent doing most of the work with red as the pop, square corners with a notched panel, and three strict type tiers — Akira for headers, Evogria for names and numbers, Roboto for everything else.

For agents and build tools

Every value on this page is served as JSON, CORS-open and without a key:

https://www.rinkrivals.com/brand.json

Palette

Navy#06131c

Page background. The darkened brand navy everything sits on.

Panel#0a1c28

Card and panel surface, one step lighter than the background.

Hairlinergba(255,255,255,0.08)

Borders and dividers.

Ink#e9f1f6

Body text.

Cyan#01BCFB

Primary accent — links, active states, headings accent, value bars.

Cyan bright#3fd0ff

Hover state for the primary accent.

Red#DE0906

Secondary accent and alerts — top rank, losses.

Win#22c55e

Semantic only. Win indicators, nothing else.

OTL#f97316

Semantic only. Overtime losses, nothing else.

Type

1Akira

Main headers only — page hero titles, panel and section titles. Nothing else.

2Evogria

Primary items — player and team names, stat values and big numbers, ranks, pills, badges, chips, tabs, buttons, scores.

3Roboto

Everything else — small-caps labels, column headers, eyebrows, sub-lines, dates, meta, helper text and prose.

  • ·Never bold Evogria. Emphasise with size or colour instead — the synthesised bold breaks the face.
  • ·Evogria runs narrower than Akira. When swapping Akira for Evogria, bump the size about 2px.
  • ·Always use tabular figures for numbers so columns line up.
  • ·Labels are uppercase Roboto 500 at 0.1em tracking, 10–12px, in white at 45–55% opacity.

Shape

  • ·Square corners everywhere. No rounded corners on panels, buttons or inputs.
  • ·Panels carry a notched top-right corner: clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%).
  • ·Circles are only for avatars and small status dots.
  • ·No left accent bars — use colour or an icon instead.

Don'ts

  • ·Do not introduce accent colours outside the palette — no emerald, yellow, slate, purple or default framework accents.
  • ·Green and orange are semantic only (win, overtime loss). Never decorative.
  • ·Do not round corners.
  • ·Do not set Evogria in bold.
  • ·Do not use a player’s Discord avatar as their picture.

Assets

Crest (flat)

Crest (flat)

Download
Crest (3D)

Crest (3D)

Download
Wordmark (hero)

Wordmark (hero)

Download
Wordmark (header)

Wordmark (header)

Download

The Rink Rivals name, crest and wordmark are owned by Rink Rivals. Use them to refer to or represent the league accurately. Do not alter the crest, imply endorsement, or use the marks for another organisation.