BitVerse style guide

Living reference for colors, typography, and UI primitives. Use the theme toggle to preview light and dark. Pick a display font below - it saves to this browser and applies on the marketing homepage too.

Color tokens

Semantic variables in styles.css switch together under html[data-theme="dark"] (default) and html[data-theme="light"].

--bg
page background

--bg-elevated
band backgrounds

--surface
cards / chrome

--accent
primary actions

--text
primary text

--text-muted
secondary text

Typography scale (current site styles)

Body: DM Sans via --font-sans. Display / headings / logo: --font-display (see font options next).

The BitVerse is an experience

Games

Choose where to play next.

Caption / meta · 0.8125rem muted

Display font options

Click Use site-wide to store the choice and refresh the homepage. Implementation: set data-display-font on <html> (values below). Default is Outfit - leave the attribute off or choose Outfit to reset.

The BitVerse is an experience

Outfit - default. Geometric, clean, premium studio.

The BitVerse is an experience

Plus Jakarta Sans - modern product / startup polish.

The BitVerse is an experience

Space Grotesk - tech-forward, slightly quirky grotesk.

The BitVerse is an experience

Sora - rounded, friendly, still serious.

The BitVerse is an experience

DM Sans (display) - same family as body; very unified.

The BitVerse is an experience

Fraunces - editorial serif; high-end / storytelling.

The BitVerse is an experience

Libre Franklin - neutral neo-grotesk; restrained.

The BitVerse is an experience

Instrument Sans - contemporary UI sans with character.

Components

Primary pill, ghost outline, and disabled state.

Primary Ghost

← Back to homepage