⚔ CHESSGODS — navbar redesigns

Four directions for the top bar, drawn at real size on the app's own palette (obsidian brown · gold) with today's real numbers. Hover anything — hover states are live. Every variant keeps the existing DOM ids (#h-energy, #h-packs…) and data-nav hooks, so switching is a markup + CSS swap, no JS rewiring.

0 · Today, for reference

CURRENT

Everything is a grey pill of equal weight: navigation, a sound toggle and four currencies all shout the same volume. The one thing that matters (packs waiting to be opened) looks identical to a zero-shard counter.

🔊 On 14/24 +1 in 53:44 3/100 🎁 5 💎 1000 0

A · Gilded Relic

SAME LAYOUT · REAL HIERARCHY · SAFEST

Keeps today's one-bar anatomy but gives it a hierarchy: nav items get a tapered blade underline for the active tab, the six loose pills merge into one engraved tray, energy and stars become micro-meters (the numbers stay), sound demotes to an icon, and Packs becomes the only gold button on the bar — because it's the only one that means "something is waiting for you".

CHESSGODS
🔊 On
14/24
+1 in 53:44
3/100
1 pack at 100
💎 1000
0

B · War Table

ANGULAR HUD · CONQUEST MOOD

Leans into the conquest fantasy: chamfered plaques and skewed tabs cut like metal, the active tab is forged gold, and the right side is a single beveled resource rail with a segmented energy gauge (each tick = 1 energy of 24). Reads as a war-room HUD rather than a website. Hover states fill the tabs.

CHESSGODS
🔊
14/24+1 in 53:44
3/100
💎 1000
0

C · Command Deck

TWO TIERS · MOST LEGIBLE · GROWS WELL

Splits the bar's two jobs: a slim ledger strip carries every stat as quiet text (no pills at all), and a taller tab row carries navigation with one-word descriptors, so new players learn what Army / Collection actually do. The active tab merges into the page below it — classic, calm, and room to grow (chat, events, quests fit the strip later). Packs earns a gold count badge.

⚔ CHESSGODS
🔊 On 14/24 +1 in 53:44 3/100 🎁 5 💎 1000 0

D · Pantheon

MYTHIC EMBLEMS · MOST DRAMATIC

The boldest read: a serif small-caps wordmark with a CONQUEST CHESS kicker, nav as icon-over-label emblems (grey until active, then lit gold with a diamond mark), and the two progresses as ring gauges — energy's arc is literally how full the bar is, the star ring fills toward the next pack. Packs becomes a glowing seal with its count. A faint gold aureole lights the bar's left edge.

⚔ ChessGods
CONQUEST CHESS
14 / 24
+1 in 53:44
3 / 100
next pack
🎁5
💎1000
0
🔊 On

Moves shared by every variant