Full Uproar Brand Guide

Everything you need to represent the chaos correctly.

Colors

Primary Orange

Pantone 151 C

#FF8200

Headline Yellow

Pantone 120 C

#FBDB65

Purple Accent

Pantone 266 C

#7D55C7

Background

#0a0a0a

Surface

#1a1a2e

Body Text

#e2e8f0

Do
  • Use #FF8200 for buttons and CTAs
  • Use #FBDB65 for headlines on dark backgrounds
  • Use #7D55C7 for special/premium accents
  • Always import from lib/colors.ts
Don't
  • Never use Tailwind orange (#f97316)
  • Never use Tailwind violet (#8b5cf6)
  • Never hardcode hex values inline
  • Never use #fde68a — use #FBDB65 instead

Typography

Headlines use #FBDB65. Body text uses #e2e8f0. All sizes use rem for accessibility.

hero3rem / 900

UNLEASH THE MAYHEM

h12.25rem / 900

Rally Your Crew

h21.875rem / 700

Game Night Just Got Dangerous

h31.5rem / 700

Board Games That Bite Back

h41.25rem / 600

New Arrivals This Week

bodyLarge1.125rem / 500

Full Uproar makes games for people who play to win, lose spectacularly, and argue about the rules.

body1rem / 400

Every game night needs a villain. Our games help you find out who it is.

small0.875rem / 500

Ships in 3-5 business days. Flat-rate shipping on all orders.

Tone of Voice

“Fugly. Bold. Unapologetic.”

Say This
  • "Unleash the mayhem"
  • "Rally your crew"
  • "Game night just got dangerous"
  • "Your move, chaos agent"
  • "Built for the bold"
Not This
  • "Click here to purchase"
  • "We value your business"
  • "Terms and conditions apply"
  • "Dear valued customer"
  • "Please do not hesitate to contact us"

Copy by Context

Marketing

“Board games that don't play nice. Your crew won't survive this.”

Product Description

“54 cards. Zero mercy. Designed to destroy friendships and rebuild them stronger.”

Empty Cart

“Your cart's looking lonely. Go find something dangerous.”

Error / 404

“Something broke. Probably your fault, but we'll fix it anyway.”

Order Confirmation

“Chaos is on the way. Your order just shipped — brace yourselves.”

Iconography

We use Lucide React icons exclusively. Outline style, never filled. Default size is 20-24px.

Dice
Trophy
Flame
Users
Zap
Skull
Gamepad
Shield
Star
Sparkles
Heart
Target
import { Dice5, Trophy, Flame } from 'lucide-react';

<Dice5 style={{ width: '24px', height: '24px', color: colors.primary }} />