Brand System & Design Guidelines · v2.4 • WCAG 2.2 AA

MOLLA Brand Standards & Identity System

A reference specification for Molla's logo system, color tokens, typography, and core UI elements — maintained for internal design and sponsor-facing consistency.

Core Brand Gradient: #00FFFF → #66E0FFBase Color Mode: Dark Void #0B0E14Compliance: 100% WCAG 2.2 AA

02. Color Tokens

Void

#0B0E14

Canvas background, master app frame

Surface

#12161F

Navigation rails, chat pane, cards

Elevated

#1A1F2B

Modals, tooltips, flyout popovers

Line

#252B38

Non-interactive layout dividers

Border

#5A6478

Interactive inputs, buttons, toggles

Neon Cyan

#00FFFF

Primary CTAs, focus indicators, active states

Sky Cyan

#66E0FF

Gradient terminus, hover accents

Text Light

#E6EDF3

Primary headings, titles

Muted

#8B95A7

Secondary metadata, body text

Live Red

#E0183F

LIVE badge, error alerts

Online Green

#22E39A

Active status, success toasts

Color Volume Distribution: 70% Void / 20% Surface / 8% Text / 2% Cyan Accent

03. Typography

Display 56 · Space Grotesk 800 · 56pxH1 Hero Headings

Next-Gen Streaming.

Display 40 · Space Grotesk 700 · 40pxH2 Major Sections

Channels We Think You'll Like

Display 32 · Space Grotesk 700 · 32pxH3 Modals & Category Banners

VALORANT Champions Tour 2025

UI Large · Inter 600 · 20pxProminent UI text

Alex_Vanguard joined the lobby

Body Regular · Inter 400 · 16pxParagraph copy

Join millions of gamers and stream interactive content with sub-second ultra low latency.

Chat & Button · Inter 500/600 · 14pxChat lines, button labels

wtcN: Clutch round incoming, valla kazanacağız! PogChamp

Micro & Badges · Inter 700 · 12pxMetadata, status chips

1080P60 HD · 48.2K VIEWERS · ONLINE