Brand
Flowion's front page opens on a sky that traces a lightning bolt as a constellation, by night in a dark theme and in deep emerald by day. 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.
The story
Everything in the mark is something the product does, told as a sky.
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.
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.
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.
#060a14The scene ground. The sky the mark lives in.#ecfdf5The ion's core, the alpha star, every point of light.#6ee7b7The gradient's head — energy arriving.#67e8f9The gradient's tail — energy in motion.#059669The gradient's head on light grounds.#0891b2The gradient's tail on light grounds.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.
The full mark, dark grounds. 64px and up.
The full mark, light grounds.
The solid mark, dark grounds. Below 64px.
The solid mark, light grounds.
The full mark, animated (SMIL, no script). 7.5s loop.
The app tile — source of every favicon and app icon.
