STYLE GUIDE

Jeopardy! Infinite Edition

Typography

Caudex (Serif) — Clue Text

This planet is known as the Red Planet due to iron oxide on its surface.

font-family: 'Caudex', serif

Oswald (Sans-Serif) — Categories

SPACEANIMALSGEOGRAPHYSTORY TIME

font-family: 'Oswald', sans-serif

Michroma (Monospace) — Scoreboard

$12,400-$800

font-family: 'Michroma', monospace

Bodoni Moda (Display) — Daily Double / Final Jeopardy

DAILY DOUBLE

FINAL JEOPARDY

font-family: 'Bodoni Moda', serif

Colors

#060CE9

Board Blue

--jeopardy-blue

Main board and clue backgrounds

#D69F4C

Text Gold

--jeopardy-gold

Dollar values and accents

#0A0A12

Backdrop

--jeopardy-backdrop

Page background (starfield)

#22C55E

Success

--jeopardy-success

Correct answer button

#EF4444

Error

--jeopardy-error

Wrong answer button

#000000

Cell Border

--jeopardy-cell-border

Grid cell borders

Text Effects

.text-shadow-jeopardy

$1000

text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000

.text-shadow-heavy

DAILY DOUBLE

text-shadow: 3px 3px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000...

Board Grid

SPACE
ANIMALS
GEOGRAPHY
STORIES
$200
$200
$200
$200
$400
$400
$400
$400
$600
$600
$600
$600
$800
$800
$800
$800

Used cells use bg-[#030370] with reduced opacity

Sound Effects

Authentic Jeopardy! Sound Design

Real Jeopardy! uses minimal sound effects. There are no dings for correct answers or buzzers for wrong answers — feedback is verbal from the host. This app uses only authentic show sounds plus visual feedback (the "NO" modal) for wrong answers.

MP3Authentic audio files
SynthesizedWeb Audio API

Board Fill

MP3j-board-fill.mp3

The "beep-boops" when categories populate the board

Daily Double

MP3j-daily-double.mp3

The distinctive "pew-pew-pew" laser sound

Think Music (Final Jeopardy)

MP3j-final.mp3

The famous 30-second "Think!" melody

Times Up

MP3j-times-up.mp3

Sharp buzzer when time expires or no one answers

Round End

Synthesized

Two quick buzzer blasts when a round ends

Optional: Round End Sound

The "Round End" sound (two quick buzzer blasts) is synthesized. If you have an authentic MP3 for this, add it as j-round-end.mp3 to /public/audio/.

Visual Feedback

Wrong Answer Modal (animates in/out)

NO

Replaces buzzer sound — more authentic to the show where host says "No"

Button Styles