Flowion
ProductsDevicesPricingAboutDocsSign in
© 2026 Flowion ABOrg.nr 559453-0155 · Registered for F-skatt and VAT (moms)hello@flowion.ioOCPP 1.6J · 2.0.1 · 2.1

New to OCPP

  • What a CSMS does
  • OCPP basics
  • OCPP versions
  • OCPP vocabulary

Company

  • Contact us
  • Support
  • Branding
  • Security
  • Terms of Service
  • Privacy Policy

Brand

The logo was already in the sky.

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

A constellation, a comet, and an ion

Six stars joined into a bolt, a wake that dives behind it, and the charged particle it delivers.

The Flowion mark: a lightning-bolt constellation crossed by a comet's wake ending in a glowing ion
The full mark · still
The Flowion mark, animated: the comet sweeps in, dives behind the constellation, and settles into the ionThe Flowion mark, still
The full mark · animated

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

Two kinds of light

Everything in the mark is something the product does, told as a sky.

The constellation

The still 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.

The comet

The moving light

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

The name, drawn

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

One identity, two densities

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.

The full Flowion mark
Full mark · 64px and up
The solid Flowion mark at 48 pixelsThe solid Flowion mark at 28 pixelsThe solid Flowion mark at 16 pixels
Solid mark · below 64px
Flowion
Lockup · Space Grotesk 600
The Flowion app tile: the full mark on the night ground
App tile · icons and stores

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

Starlight on a night ground

The mark's palette is the scene's palette — nothing was invented for the logo that the site wasn't already made of.

Night#060a14The scene ground. The sky the mark lives in.
Starlight#ecfdf5The ion's core, the alpha star, every point of light.
Emerald#6ee7b7The gradient's head — energy arriving.
Cyan#67e8f9The gradient's tail — energy in motion.
Deep emerald#059669The gradient's head on light grounds.
Deep cyan#0891b2The gradient's tail on light grounds.

Usage

Do and don't

Every tile below shows the real production asset — the wrong examples are the genuine file, mistreated live.

The full mark, correctly placed on a dark ground
Do: Give the full mark dark sky and clear space.
The solid mark at header sizeFlowion
Do: Use the solid mark below 64 pixels.
The light-ground mark on white
Do: Use the deep-toned build on light grounds.
The mark wrongly recolored purple
Don't: Don't recolor the mark.
The mark wrongly rotated
Don't: Don't rotate or mirror it — the constellation is a sky, not a glyph.
The mark wrongly stretched wide
Don't: Don't stretch or squash it.
The dark-ground mark wrongly placed on white, barely visible
Don't: Don't put the hairline mark on light grounds — it disappears. Use the light build.
The mark with a wrong added glow
Don't: Don't add your own glows or shadows.
Flowion
Don't: Don't set the wordmark in another face.

Assets

Take the sky with you

Every mark on this page, as scalable SVG. The wordmark is live type — pair the mark with Space Grotesk 600.

  • flowion-mark.svgThe full mark, dark grounds. 64px and up.
  • flowion-mark-light.svgThe full mark, light grounds.
  • flowion-mark-solid.svgThe solid mark, dark grounds. Below 64px.
  • flowion-mark-solid-light.svgThe solid mark, light grounds.
  • flowion-mark-animated.svgThe full mark, animated (SMIL, no script). 7.5s loop.
  • flowion-tile.svgThe app tile — source of every favicon and app icon.