Brand Kit

Melega Labs visual identity

Official assets, palette and guidelines for representing Melega Labs across partner sites, press, exchanges and ecosystem integrations.

Logo pack

MELEGALABS
Dark · primary
MELEGALABS
Light · inverse
Symbol only

Palette

Background
--background
oklch(0.10 0.012 260)
Foreground
--foreground
oklch(0.96 0.01 260)
Quantum (primary)
--quantum
#7c5cff
Muted
--muted
oklch(0.22 0.012 260)
Border
--border
rgba(255,255,255,0.06)

Typography

Display
AI-native ecosystem
font-display · 600 · -0.01em tracking
Body
Calm, technical, operational. Body copy stays compact and informative without shouting. Generous line-height, restrained weight.
font-sans · 400/500 · 1.6 line-height
Mono / labels
BOUNDED · OPERATIONAL · ALPHA
font-mono · 0.24em tracking · uppercase

Spacing & rhythm

Page gutters: px-5 md:px-8. Max content width: 1280px. Section vertical rhythm: py-20 desktop,py-14 mobile. Border radius: 12–24px, never sharp.

Usage guidelines

Do
  • Preserve the symbol's clear-space — minimum 1× symbol height.
  • Use the wordmark on dark backgrounds for the primary mark.
  • Keep "LABS" colored in Quantum violet, never restyled.
  • Respect calm, technical tone in surrounding copy.
Don't
  • Don't recolor the wordmark or apply gradients to "MELEGA".
  • Don't stretch, rotate, skew or outline the symbol.
  • Don't place the mark on busy photography without a scrim.
  • Don't recreate the symbol — always use the provided asset.