MathFlux — Brand Guidelines

v1.0 · BRAND SYSTEM · MATHFLUX 2026.05.19 / SAMUEL FALADE

Math Battles · Any Level

MathFlux is a competitive real-time math game for any skill level. This page documents the visual identity — mark construction, colors, typography, and usage rules.

01 — The Mark

App Icon Variants

Primary
Dark bg

On Dark
With canvas

Transparent
No canvas

On White
Dark bars

Use the mark at ≥ 32 px minimum
Use icon-on-white on light surfaces
Maintain the rounded-square crop
Use primary icon on dark UI

Don't

Rotate or skew the mark
Recolor white bars or cyan elements
Remove the orange junction accent
Place primary icon on white without the on-white variant

02 — Color

Brand Palette

Flux Cyan#22D3EEPrimary accent

Deep Cyan#0EA5C7Secondary accent

Math Blue#1565C0Mark depth

Strike Amber#FFBB3CAccent / streak

Pure White#FFFFFFBars / type

Space Navy#0B1520UI background

Void#04080FBadge background

Grid Grey#4A6580Tagline / muted

03 — Typography

Typeface: Helvetica Neue

MathFlux

Helvetica Neue — 900
52px / −1px
Wordmark

Competition Mode

Helvetica Neue — 900
30px / heading

Streak × 12 — Level 8 Reached

Helvetica Neue — 700
17px / UI label

MATH BATTLES · ANY LEVEL

Helvetica Neue — 700
11px / 4px tracking
Caps label / tagline

04 — Lockups

Mark + Wordmark

Horizontal — Dark960 × 300

Horizontal — Light960 × 300

Vertical — Dark720 × 500

Wordmark only

Dark Background780 × 260

Light Background780 × 260

05 — Downloads

Brand Files

Icon — Primary

Dark bg, orange accent

SVG · 400×400

Icon — On Dark

With outer dark canvas

Badge only, no canvas

Horizontal, dark canvas

SVG · 960×300

Lockup H — Light

Horizontal, white canvas

SVG · 960×300

Lockup V — Dark

Vertical stacked, dark

SVG · 720×500