STYLE GUIDE

A practical reference for keeping every Roundbox League page unmistakably dark, energetic, football-first, and consistent.

Base

Black first

Accent

Roundbox green

Type

Condensed energy

Rhythm

Big section gaps

01 / COLOR PALETTE

The site works from a black field, then uses Roundbox green for energy, white for contrast, purple for hype moments, and translucent gray for UI surfaces.

BLACK

Page base, section base, contrast field

ROUNDBOX GREEN

Primary accent, headings, buttons, dividers

WHITE

Logos, high-contrast copy, content clarity

HYPE PURPLE

Momentum sections, stat bars, expressive type

02 / TYPOGRAPHY

H1 / BRAND DISPLAY

WE ARE ROUNDBOX

H2 / SECTION HEADING

02 / TYPOGRAPHY

BODY / JUST SANS

Use H1 once for the page’s biggest statement. Use H2 for section titles and major content breaks. Keep both uppercase, high contrast, and tied to the Roundbox green accent rhythm.

ACCENT / PALMORE

Game

03 / SPACING + SURFACES

Use big section padding for impact, compact card padding for UI, and translucent surfaces only when a panel needs to separate from the black base.

20px / compact component rhythm

40px / section and heading gaps

100px / standard section padding

200px / hero-level drama

Cards

Use an 8px radius and faint white border for dark interface blocks.

Inputs

Use 10px rounding and soft gray fill for forms and utility panels.

Buttons

Keep CTAs compact, pill-like, and bright enough to cut through dark layouts.

04 / COMPONENT RULES

APPLY HERE

Buttons should be short, high-contrast, and shaped like rounded badges rather than large blocks.

Social and partner marks should stay small, white or muted, and grouped with generous breathing room.

FAQ + RULES

Use uppercase green headings, thin dividers, and tight vertical rhythm for rules, FAQs, and policy pages.

Use grids for teams, cards, and media groups; keep cells aligned and avoid busy mixed palettes.

Default rule: black base, green emphasis, white clarity, purple only for standout hype moments.