EVERGREEN CUP — BRAND KIT
evergreencup.org

—————————————————————————————————————
TYPOGRAPHY
—————————————————————————————————————

Display — Big Shoulders Display
  Used for hero titles and section headers.
  Bold, slightly condensed, runs tight.
  Weights: 700, 800, 900.

Body — Geist
  Used for everything else: paragraphs, UI labels, navigation.
  Weights: 400, 500, 600, 700.

Mono — Geist Mono
  Used for numbers, scores, timestamps, hex codes.
  Never used for paragraphs.
  Weights: 400, 500.

—————————————————————————————————————
COLOR PALETTE
—————————————————————————————————————

Evergreen — Deep forest green. The brand's anchor — the green you'll see most.
  50    #eefaf1
  100   #d5f2de
  200   #aee5bd
  300   #7cd293
  400   #49b86a
  500   #2a9b50
  600   #1d7c3f
  700   #165f33
  800   #104726
  900   #0a301a
  950   #051a0d

Cascade — Overcast-sky blue. Pairs with Evergreen for the Doug Flag two-tone.
  50    #eef6fa
  100   #d5e8f1
  200   #a6cfe0
  300   #6fb2ce
  400   #3e92b8
  500   #00759c
  600   #005e7e
  700   #004861
  800   #033246
  900   #021e2c

Bark — Warm wood. Earthy accents and texture that doesn't lean green.
  200   #c9a984
  400   #8e6738
  500   #6b4423
  700   #3f2812

Moss — Lichen and undergrowth. Organic accents in atmosphere art.
  400   #8fa579
  600   #5c7446

Fog — Pale grey-blue. The color of body text and subdued labels.
  100   #edf2f4
  300   #bcc8cd
  500   #7f9094

Rain — Cool grey-blue. Rain streaks, distant skylines, recessed details.
  400   #6d8da0
  600   #3e5a70
  800   #21323f

—————————————————————————————————————
SURFACES & TEXT
—————————————————————————————————————

How the colors above combine on a typical page.

  background          #051a0d  — The page itself
  surface             #0b261a  — Cards and panels
  surface-elevated    #0f3322  — Raised cards, hover states
  foreground          #edf2f4  — Body text
  muted               #bcc8cd  — Secondary text
  accent              #49b86a  — Buttons, links, focus rings