Gaming Oasis Brand Guide | Logos, Backgrounds, and Colors

Brand Architecture

Gaming Oasis is the parent brand. League Hub and Event Solutions are platform products; SEL and NEL are owned conference brands.

Master brand

Gaming Oasis

Parent company and master brand

Platforms

Platform

League Hub

League management platform

Platform

Event Solutions

Talent, production, design, and tournament operations

Conferences

Conference

SEL

Southeastern Esports League

Conference

NEL

Northeastern Esports League

Logo System

Always use transparent PNGs on dark backgrounds. Never add a solid matte behind logo assets.

Favicon

PNG · 750 × 750 px

Browser tab, PWA icon, and small-square slots

Square yellow mark for favicon and tiny UI placements.

Download PNG

Light

Dark

Wordmark

PNG · 1,711 × 286 px

Website header, marketing, and League Hub lockups

Light for dark backgrounds; dark for light backgrounds.

Download Light Download Dark

SEL Logo

PNG · 3,000 × 2,094 px

Conference logo — Southeastern Esports League

Transparent PNG on dark or SEL-tinted surfaces. Served and downloaded as uploaded. Pair with SEL Blue (#007BF4) and Conference Yellow (#FCC500).

Download PNG

NEL Logo

PNG · 721 × 563 px

Conference logo — Northeastern Esports League

Transparent PNG on dark or NEL-tinted surfaces. Served and downloaded as uploaded. Pair with NEL Purple (#644EB5) and Conference Yellow (#FCC500).

Download PNG

Color System

Gaming Oasis gold and purple anchor the master brand. Neutrals power the shared dark UI. SEL and NEL colors are reserved for their conference contexts only.

Brand Gold--brandPrimary CTA, accents, selection highlight
#F6AC18
Brand Contrast--brand-contrastText on gold buttons
#252525
Brand Purple--brand-purpleDeep brand purple — page depth, hover backgrounds, gradient atmosphere
#47213F
Accent Orange--accent-orangeWarm coral accent — Event Solutions, bottom-left glow, card hover
#C7564B
Accent Purple--accent-purplePlum accent — hero text gradient, top-right glow, border highlights
#713060

Background--backgroundSolid neutral gray. Sticky header, footer, mobile nav drawer, and html fallback — flat, no gradient.
#1A1A1A
Chromatic Background--background-chromaticMarketing page wash. Body fill plus fixed brand gradients on html/body — purple-tinted atmosphere behind content.
#1A1419
Surface--surfacePanels, cards, inputs, and hover states
#2D2D2D
Border--borderBorders and dividers
#404040

SEL Blue--sel-bluePrimary SEL accent
#007BF4
Conference Yellow--sel-yellowBorder and gradient highlights
#FCC500
SEL Navy--sel-navyDeep background accent
#101C2B

NEL Purple--nel-purplePrimary NEL accent
#644EB5
Conference Yellow--nel-yellowBorder and gradient highlights
#FCC500
NEL Deep--nel-deepDeep background accent
#302063

Typography

Oxanium is the marketing typeface across the website and brand guide. Type uses the same neutral text tokens — Text Primary (--foreground) and Text Muted (--muted) via text-foreground and text-muted.

Play more, Live more.

The quick brown fox jumps over the lazy dog — 0123456789

RolePrimary typeface

SourceGoogle Fonts via next/font

CSS variable--font-oxanium

Applied asvar(--font-sans) on the marketing website

Weights

Regular (400)Medium (500)Semibold (600)

Text Primary--foregroundHeadings, body, and emphasis
#FFFFFF
Text Muted--mutedSupporting copy, labels, and placeholders
#999999

Text Primarytext-foreground
Play more, Live more.
Registration, rosters, and league administration in one platform.
Text Mutedtext-muted
Play more, Live more.
Registration, rosters, and league administration in one platform.

Conferences

Flagship leagues operated by Gaming Oasis

SEL and NEL combine League Hub operations, professional broadcasts, and championship weekends under one conference model.

Modern esports competition
Hero headline36px → 60px · Semibold · Tight tracking · Text PrimaryText Primary--foreground#FFFFFFPage heroes and primary marketing headlines. Optional text-gradient for gold emphasis.text-4xl font-semibold tracking-tight text-foreground md:text-6xl
Built for real league operations
Section title30px → 36px · Semibold · Tight tracking · Text PrimaryText Primary--foreground#FFFFFFSection headings via the shared Section componenttext-3xl font-semibold tracking-tight text-foreground md:text-4xl
League Hub
Card title20px · Semibold · Text PrimaryText Primary--foreground#FFFFFFFeature cards, info blocks, and supporting headingstext-xl font-semibold text-foreground
Registration, rosters, matches, and league administration in one platform.
Body copy16px → 18px · Regular · Text MutedText Muted--muted#999999Descriptions, supporting paragraphs, and card copytext-base text-muted md:text-lg
Conferences
Eyebrow label12px · Regular · 0.2em tracking · Uppercase · Text MutedText Muted--muted#999999Section tags and metadata chips — pair with the stat-pill surfacestat-pill inline-flex px-3 py-1 text-xs tracking-[0.2em] uppercase text-muted

Buttons

Shared button styles with 8px radius and semibold Oxanium labels. Use SEL and NEL variants only in their conference contexts.

Primary
PrimaryDefault Gaming Oasis action — main CTAs, form submits, and confirmations.
Secondary
SecondarySecondary actions, alternate paths, and lower-emphasis links styled as buttons.
SEL
SELSoutheastern Esports League actions only — Discord joins, registration, conference CTAs.
NEL
NELNortheastern Esports League actions only — Discord joins, registration, conference CTAs.

Asset Backgrounds

16:9 backgrounds for streams, slide decks, docs, and social templates. Each brand ships three still PNG variants — with logo, without logo, and plain. SEL and NEL also include a looping flag WEBM for OBS and video scenes.

With logo

PNG · 1,024 × 576 px · 16:9

Default stream overlay and deck opener — palm artwork plus the Gaming Oasis icon in the top-left safe zone.

Download PNG

Without logo

PNG · 1,024 × 576 px · 16:9

When you supply your own lockup (sponsor slide, co-branded stream, or custom title safe area).

Download PNG

Plain

PNG · 1,024 × 576 px · 16:9

Gradient and dot texture only — no palm outlines or logo. Use as a neutral slide or document wash.

Download PNG

With logo

PNG · 1,024 × 576 px · 16:9

SEL streams, championship decks, and docs — large SEL outline artwork plus the conference logo in the top-left.

Download PNG

Without logo

PNG · 1,024 × 576 px · 16:9

SEL artwork without the corner logo — place registration QR codes, casters, or partner lockups in the safe zone.

Download PNG

Plain

PNG · 1,024 × 576 px · 16:9

Navy gradient and dot grid only — no SEL letterforms or logo. Conference-neutral filler slides.

Download PNG

Animated

Flag (animated)

WEBM · Looping · Muted · 16:9

Looping SEL flag motion for OBS/stream scenes, stingers, and video bumper plates. Export as a Browser Source or media fill — keep muted.

Download WEBM

With logo

PNG · 1,024 × 576 px · 16:9

NEL streams, championship decks, and docs — large NEL outline artwork plus the conference logo in the top-left.

Download PNG

Without logo

PNG · 1,024 × 576 px · 16:9

NEL artwork without the corner logo — for custom title cards or partner overlays.

Download PNG

Plain

PNG · 1,024 × 576 px · 16:9

Purple gradient and dot grid only — no NEL letterforms or logo. Conference-neutral filler slides.

Download PNG

Animated

Flag (animated)

WEBM · Looping · Muted · 16:9

Looping NEL flag motion for OBS/stream scenes, stingers, and video bumper plates. Export as a Browser Source or media fill — keep muted.

Download WEBM

Agents

A single markdown brief for agents building software, design files, documentation, and decks — architecture, color tokens, Oxanium, logos, UI patterns, and 16:9 assets. Web implementation details reference gaming-oasis-site.

Attach at the start of an agent session for Gaming Oasis websites, tools, Figma designs, Notion/docs, slide decks, or stream packages. One brief covers architecture, tokens, Oxanium, logos, UI patterns, and downloadable 16:9 backgrounds.

Download AGENTS.md Open /AGENTS.md

AGENTS.md

Markdown · generated from brand guide data

Loading agent brief…