Evergreen Cup

A Pacific Northwest osu! LAN. Built by the community, for the community.

evergreencup.org

@evergreencup/ui-kit example components

Section 01

Brand

Core colors

The five colors every surface starts from.

Mist#eefaf1
evergreen-50Body text on dark, off-white surfaces
Evergreen#2a9b50
evergreen-500Logo, headers, borders, primary buttons
Cascade#a6cfe0
cascade-200Accent headers, highlighted text
Bark#c9a984
bark-200Warm contrast: dividers, callouts
Pitch#051a0d
evergreen-950Page background, dark surfaces

Color

Evergreen and Cascade do the heavy lifting. Bark, Moss, Fog and Rain fill out the world.

Evergreen

Deep forest green. The brand's anchor, the green you'll see most.

50#eefaf1
evergreen-50
100#d5f2de
evergreen-100
200#aee5bd
evergreen-200
300#7cd293
evergreen-300
400#49b86a
evergreen-400
500#2a9b50
evergreen-500
600#1d7c3f
evergreen-600
700#165f33
evergreen-700
800#104726
evergreen-800
900#0a301a
evergreen-900
950#051a0d
evergreen-950

Cascade

Overcast-sky blue. Pairs with Evergreen for the Doug Flag two-tone.

50#eef6fa
cascade-50
100#d5e8f1
cascade-100
200#a6cfe0
cascade-200
300#6fb2ce
cascade-300
400#3e92b8
cascade-400
500#00759c
cascade-500
600#005e7e
cascade-600
700#004861
cascade-700
800#033246
cascade-800
900#021e2c
cascade-900
950#011320
cascade-950

Bark

Warm wood. Earthy accents and texture that doesn't lean green.

50#f3e9db
bark-50
100#e3cdad
bark-100
200#c9a984
bark-200
300#ab885e
bark-300
400#8e6738
bark-400
500#6b4423
bark-500
700#3f2812
bark-700
800#2c1b0c
bark-800
900#1e1208
bark-900
950#120a04
bark-950

Moss

Lichen and undergrowth. Organic accents in atmosphere art.

300#a9bb96
moss-300
400#8fa579
moss-400
600#5c7446
moss-600
900#1e2916
moss-900

Fog

Pale grey-blue. The color of body text and subdued labels.

100#edf2f4
fog-100
200#d5dde1
fog-200
300#bcc8cd
fog-300
400#9dacb0
fog-400
500#7f9094
fog-500
600#667579
fog-600
700#4d5a5e
fog-700
800#354042
fog-800
900#212a2c
fog-900
950#131a1b
fog-950

Rain

Cool grey-blue. Rain streaks, distant skylines, recessed details.

400#6d8da0
rain-400
600#3e5a70
rain-600
800#21323f
rain-800

Surfaces & text

How the colors combine on a typical page.

The page itself#051a0dbackground
Cards and panels#0b261asurface
Raised cards, hover states#0f3322surface-elevated
Body text#edf2f4foreground
Secondary text#bcc8cdmuted
Buttons, links, focus rings#49b86aaccent

Type

Three families. Display sets the tone, body keeps reading easy, mono keeps numbers tidy.

Big Shoulders Display700 · 800 · 900

Evergreen Cup

Hero titles and section headers. Bold, slightly condensed, runs tight.

Geist400 · 500 · 600 · 700

The cascades hold the rain. The forest holds the line.

Everything else: paragraphs, UI labels, navigation.

Geist Mono400 · 500

00759c · 49b86a · 6b4423

Numbers, scores, timestamps, hex codes. Never used for paragraphs.

Lockups

The wordmark over the PNW arrows.

Evergreen Cup
Evergreen Cup
Section 02

Basics

successwarninginfodangerneutral
Players64
Teams 16
$1,240Raised
Section 03

Forms

The one on your profile.
Optional.
Signing up as
Favorite mods (up to 2)
Extras
Section 04

Data

Star rating per round
RoundBest ofSR
Qualifiers–5.6–6.0
Round of 1696.0–6.4
Semifinals116.5–6.9
Grand Finals136.8–7.2
Right now
Round of 16
Progress
3 of 7
Next match
Sat 3pm
Signups

Players by week

44so far
  1. Sep 1 · Done

    Registration

  2. Oct 3 · Happening now

    Qualifiers

    Online, all regions.

  3. Oct 10 · Up next

    Round of 16

  4. Oct 24 · Later

    Grand Finals

    At the LAN

    Seattle, in person.

Section 05

Region map

State or province of residence

Washington

State or province of residence, as a list
Map of the Pacific Northwest: Washington, Oregon
Section 06

Tournament

SEA

Rain City

  • cedarcaptain
  • salal
  • drizzle
PDX

Bridgetown

Looking for a fourth
  • madronacaptain
  • sitka
pendingapprovedacceptedwaitlistrejectedwithdrawndisqualifiedactive

Goal

$1,240/ $1,000

038 contributions so far

100% of goal

  • $500 · clearedPrize poolEvery dollar past costs goes here.
  • $1,000 · clearedVenue upgradeA bigger room and a stage.
  • $1,500Travel fundHelp a finalist fly in.

Sat 15–16 · Sun 13

3 hours picked

Sat 14–17 · Sun 12–14

Section 07

Crowdfund

Currently leading the wallcedar$250 USD

Donor wall

  • cedarrecurring
    “For the Rain City crew.”
    Sep 20
    $250 USD
  • salal
    “See you at the LAN!”
    Sep 22
    $50 USD
  • Anonymous
    Sep 25
    $100 USD
  • drizzle
    Sep 28
    $20 CAD
Banner style
Section 08

Charts

From @evergreencup/ui-kit/charts, which needs recharts.

Crowdfund

Raised over time

$625total
Raised by day
DayRaised that dayRaised to date
Sep 20$30$30
Sep 21$0$30
Sep 22$120$150
Sep 23$45$195
Sep 24$250$445
Sep 25$80$525
Sep 26$100$625
Crowdfund

By source

Raised$625
Donations by source
SourceDonationsAmount
Ko-fi9$480
Manual3$145
  • Ko-fi · 9
  • Manual · 3
Signups

Registrations by status

Registrations by status
KindApprovedPendingWaitlistedRejectedWithdrawn
player328421
staff93001
Section 09

Soundtrack

Track 01 · Qualifiers · 2:22

Cascadia

by salal, drizzle & madrona

Listen
Track 02 · Grand Finals

Under the Fog

Section 11

Page pieces

Pacific Northwest osu! LAN

Evergreen Cup

Announcement coming soon. Signups open shortly after.

Section 10

osu!

  • HD1
    xi - FREEDOM DiVE[FOUR DIMENSIONS]
    7.07★
NM1HD1HR1DT1FM1TB1
peppy
cedarRain City
Section 12

Icons

DiscordIcon
TwitchIcon
YouTubeIcon
KofiIcon
OsuIcon
BracketIcon
MenuIcon
CloseIcon
ChevronDownIcon
CheckIcon
ArrowRightIcon
ExternalIcon
StarIcon