Brand and media
The brand, ready to use.
Lumovi’s logo, app icons, colors and pictures are open source, in Lumovi-design. Take what you need to write about Lumovi, link to it or show it in a talk, and see how each is meant to be used.
Every file, and how it’s made, is in Lumovi-design on GitHub.
Logo
Sweep, and its name. In every version.
The mark is a square, and light sweeping across it from one corner, the way Lumovi takes in a whole cluster at once. It’s drawn only from circles, in black, white and gray, so what Lumovi shows comes first.
Using it
Room around it. Nothing on it.
Keep the logo clear, big enough to read, and as it is: two tones on graphite, paper and the app’s own backgrounds, and white on the blue, on photos and on gradients.
Clear space
Half the mark’s height on every side, free of text, edges and other logos.
Minimum size
| On screen | In print | |
|---|---|---|
| Logo | the mark 18 px tall | the mark 5 mm |
| Stacked | 64 px tall | 18 mm |
| Mark | 16 px | 4 mm |
| Wordmark | capitals 14 px tall | capitals 3 mm |
Backgrounds
On the blue, on photos and on gradients, use the white logo, where what’s behind it is quiet and dark enough to read.
Things to avoid
Don’t color it, change its proportions, turn it, flip it (its light always comes from the bottom left), outline it, or add shadows. The glow is the app icon’s, not the logo’s.
App icon
The mark, lit. On graphite.
Its light glows white and lights the shade beside it, brightest along the curve. On macOS it follows Apple’s grid, with a Liquid Glass icon for macOS 26; on Windows and Linux, every size is drawn for itself.
Colors
Black, white and gray. Color for meaning.
True neutral grays, without a tint, the way Vercel and Apple present themselves. Blue is only for what you can act on, never the logo; status colors say how things are, always with a word or an icon. Click a color to copy it.
Gray
Blue
Status
Type
Inter, and JetBrains Mono.
Both free and open source, under the SIL Open Font License, as everything else here is. The wordmark is Inter Display Semibold, drawn: use its files rather than typing the name.
Aa
Your clusters, at a glance.
For everything you read: the app, the website and the docs. Headlines in its display optical size, semibold, tracked −0.045em, the line after the first in gray; text regular, on lines of 1.5.
Aa
$ kubectl get pods -n shop
NAME READY AGE
storefront-cjt7gd2jtx-75pbc 1/1 4d2h
storefront-cjt7gd2jtx-pq6zd 1/1 4d2hFor code, commands, object names, and numbers that line up.
Pictures
One light. One subject.
The brand’s pictures share one scene: graphite, a floor of dots running off into the distance, and the mark standing on it, its light falling on the floor in front. For the product itself, show the product: the app’s screenshots, in light and dark.
Wallpapers
For desktops, MacBooks and phones, in dark and light.
Writing about Lumovi
Plainly. Calmly. To the point.
The way the app talks: say what something does, not how amazing it is.
- Lumovi, one word, capital L. Not LUMOVI, LumoVi or Lumovi App.
- A Kubernetes dashboard you run on your desktop (macOS, Windows and Linux), or in your cluster for your whole team.
- Link to lumovi.dev, and to docs.lumovi.dev for how to use it: in lowercase, without https:// or www.
- Lumovi was KubeStacks.