Brand
Flowion's front page opens on a night sky that traces a lightning bolt as a constellation. The mark didn't need inventing — it needed noticing. This page is the record: the story, the system, and the rules for using it.
The mark
Six stars joined into a bolt, a wake that dives behind it, and the charged particle it delivers.
Starfield.tsx · CONSTELLATION[0.62, 0] [0.30, 0.48] [0.48, 0.50] [0.35, 1] [0.78, 0.42] [0.58, 0.40]
The story
Everything in the mark is something the product does, told as a sky.
The constellation
Six stars joined into a lightning bolt — the same six coordinates the front page's hero draws every night. A charging network is a constellation too: fixed points of energy, joined into one figure. The brightest star crowns the strike point.
The comet
A wake sweeps in from the high right and dives behind the constellation before re-emerging — the over-under is what makes the mark one deep sky instead of two flat drawings. Energy in motion, passing through fixed infrastructure: that is the product.
The ion
Flowion is flow + ion. The comet's wake resolves into a charged particle, burning at the lower left and holding its own place in the sky — the flow, delivering the ion. The wordmark carries the same split: Flow, then ion in the gradient.
The system
The hairlines are the mark's atmosphere, and atmosphere needs room. The handoff is a rule, not a judgement call: below 64 pixels the mark sheds to its solid form.
Clear space: keep at least a quarter of the mark's height free on every side — the ion's glow needs dark sky to burn in. The wordmark is Space Grotesk 600, tracking tight, with ion in the gradient when it sits beside the mark.
Color
The mark's palette is the scene's palette — nothing was invented for the logo that the site wasn't already made of.
Usage
Every tile below shows the real production asset — the wrong examples are the genuine file, mistreated live.
Assets
Every mark on this page, as scalable SVG. The wordmark is live type — pair the mark with Space Grotesk 600.