Colors

Base Colors

base-100

Light: #FAF5ED / Dark: #0C1222

base-200

Light: #F5ECD9 / Dark: #111B33

base-300

Light: #EDE0C4 / Dark: #1A2744

base-content

Light: #0C1222 / Dark: #FAF5ED

Brand Colors

primary

Light: #FF5F1F / Dark: #FF5F1F

secondary

Light: #14B8A6 / Dark: #2DD4BF

accent

Light: #1A2744 / Dark: #FF7F3D

neutral

Light: #2A3A5C / Dark: #465578

Semantic Colors

info

Light: #3B82F6 / Dark: #60A5FA

success

Light: #14B8A6 / Dark: #2DD4BF

warning

Light: #F59E0B / Dark: #FBBF24

error

Light: #EF4444 / Dark: #F87171

Typography

Display Font — Bebas Neue

Heading One

Heading Two

Heading Three

Body Font — DM Sans

Large body text for introductions and emphasis. DM Sans provides excellent readability at all sizes.

Regular body text used for paragraphs and general content. The geometric letterforms of DM Sans pair well with the bold display type of Bebas Neue.

Small text used for captions, labels, and secondary information.

Buttons

Cards

Match Summary

View detailed statistics from your recent table tennis matches, including point-by-point breakdowns and performance trends.

Player Profile

Track your rating, match history, and achievements. Compare your stats against other players in your skill bracket.

Tournament Bracket

Follow live tournament brackets, check upcoming matchups, and see results from completed rounds.

Stat Cards

Active Players

1,247

+12%

Matches Today

84

+5

Win Rate

63%

+2.4%

Badges

Primary Secondary Success Warning Error