~/lg/work
← All work

Brand Systems

Fantasy.top & Predict

One identity built to survive a product family. A single mark with a strict colour rule for Fantasy.top, then a sub-brand, Predict, extended from the same construction without diluting it.

  • Identity
  • Icon system
  • Colour system
  • Social applications
  • Motion

Designed by me: the mark, the colour system, the icon grid and the Predict sub-brand applications.

01 — The rules

One mark, three surfaces

The mark is a single-weight f built on a square. It is only ever shown three ways: knocked out of near-black, set in the brand colour, or reversed out of it. That constraint is what lets it scale from a favicon to a stadium screen without redrawing anything.

Fantasy mark, reversed out of near-black
Primary, on near-black
Fantasy mark on the brand green
On brand green
Fantasy mark, neon treatment
Neon treatment, motion only

02 — Colour

One signal, everything else neutral

Fantasy.top runs on a single saturated green against near-black. Nothing else in the system is allowed to be colourful, so the green always reads as the brand rather than as decoration. Predict inherits the same discipline with a violet.

Fantasy green

#33A649

The only accent. Marks, states, motion.

Near-black

#0A0A0B

Ground for every surface.

Predict violet

#6E57F9

Sub-brand signal, same role as the green.

Predict ink

#1F2A37

Typography and UI on light surfaces.

03 — Process

Twelve rounds to remove things

The exploration went wide before it went narrow: dimensional routes, containers, wordmark lockups. Each round removed a variable until only the counter shape and the stroke weight were still being decided.

Round 1, mark in a container
Round 1, mark in a container
Round 3, weight and counters
Round 3, weight and counters
Round 4, stroke terminals
Round 4, stroke terminals
Round 12, icon grid test
Round 12, icon grid test
Contrast test, green on black
Contrast test, green on black
Wordmark and mark lockups
Wordmark and mark lockups
Card surface exploration
Card surface exploration
Dimensional route, later dropped
Dimensional route, later dropped
Shortlist before the final cut
Shortlist before the final cut

04 — The sub-brand

Predict, extended from the same construction

Predict is a Fantasy.top product, so it needed to read as family rather than as a separate company. Same square construction, same single-accent rule, different signal colour, plus a paper tear device that gives the sub-brand its own texture.

Core logo, primary
Core logo, primary
Core logo, ink
Core logo, ink
Paper tear treatment
Paper tear treatment
Paper tear, inverted
Paper tear, inverted
Surface pattern 1
Surface pattern 1
Surface pattern 2
Surface pattern 2

05 — Applications

The icon system, and where it lands

One icon grid generates every avatar in the family: product, fun and predict marks, each on the three approved backgrounds. No one has to make a judgement call to ship a new social account.

Predict avatar
Predict avatar
Predict avatar
Predict avatar
Predict avatar
Predict avatar
Predict social header
Social header, built from the pattern and the core logo
Next: Guich Clothing, design that had to survive a factory