Skip to content
Library

MekaVerse. A pure black void where a rendered world hangs like a museum piece, and all UI is white ink on matte black glass.

  • Crypto
  • Dark theme
  • 5 colors
  • 2 typefaces

MekaVerse is a cinematic web3 game portal where the interface dissolves and the rendered world takes the stage. The entire UI is a monochrome shell — pure black canvas, white type, single charcoal button — built to frame massive full-bleed 3D artwork without competing with it. Typography does almost all the work: a single custom geometric sans (Roobert) stacked at extreme sizes with aggressive negative line-height for hero titles, and a quiet monospaced face (GT America Mono) whispering UI chrome in 10–12px. Surfaces are flat — no shadows, no gradients, no chromatic accent — the game art provides all color and depth. Every chrome element is featherweight: hairline 1px borders, 2px corner radii on interactive controls, and text-only hover states. The system reads less like a website and more like a gallery wall where the 3D world is the only object in the room.

Screenshot of MekaVerse
Captured from themekaverse.com on October 11, 2026

MekaVerse design system

MekaVerse

Neutrals5

  • Page canvas, image overlays, nav background — pure black lets full-bleed 3D renders carry every chromatic moment while UI chrome disappears into the background

  • Filled action buttons (Explore, Connect Wallet) and the one elevated surface level above the void — a soft dark step that reads as pressed-in rather than raised, keeping the flat-gallery feel

  • Subtle surface tone for inactive UI blocks and muted containers — sits between Void and Bone, used sparingly to indicate a non-default resting state

  • Hairline borders, divider lines, subtle structural edges — visible only where it separates two dark surfaces or wraps a control

  • Hairline borders, dividers, input outlines, and card edges on light surfaces.

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Bone on Void

21.00 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.