Skip to content
UI
v0.3.1

Search the docs

Foundations

Brand

The logo and the flame mark are drawn once, in the icon package, and every product uses them from there. Never redraw, stretch, recolour or rotate them, and keep clear space of at least the flame’s width around the logo.

Logo, for dark backgrounds
Logo, for dark backgrounds SVG
Logo, for light backgrounds
Logo, for light backgrounds SVG
Logo, one colour
Logo, one colour SVG
Flame mark
Flame mark SVG

The low-poly flame

The solid, matte low-poly flame on its pedestal is the hero of marketing pages, with a wireframe of the same flame behind it as a quiet second motif. It stays upright, sits on its own shadow and is never cropped.

The OnlyWin flame on its pedestal
Flame on its pedestal WebP

Toys

Matte low-poly objects float around the flame and follow the pointer by their depth. Use three to six on a stage, never over text, and never on screens where people work with money.

ball-pink
ball-sun
coin
coins
lolly-pink
lolly-sun
ring-lime
ring-pink

Accent colours

Green is the signal: actions, success, the brand. Sun and candy are accents for headlines, toys and charts, never for text on light backgrounds.

Signal green --ow-brand-green
#01ce2c
Lime --ow-brand-lime
#a6f04a
Sun --ow-brand-sun
#ffc83d
Candy --ow-brand-candy
#ff5fa2
Ink --ow-color-bg (dark)
#070908