Luminids branding splash artwork with glowing creatures

I finally sat down this week and pulled the visual identity together into one system. Colours, type, UI language, glow rules. After months of adjusting things individually it has clicked, and mostly what clicked was realising the whole thing follows from one constraint.

The constraint everything follows from

Luminids are creatures made of light. That means the background has to be dark, or they have nothing to be light against.

That single fact decides an unreasonable amount. It sets the palette. It rules out the bright, high-saturation look most cozy games use. It means glow is the primary expressive tool rather than colour, and it means every UI surface has to sit quietly enough that a small creature glowing across the room is still the brightest thing on screen.

It also creates the trap I spent most of this week avoiding: dark plus glow slides very easily into sci-fi, and Luminids is not sci-fi. It is warm. The distinction between “cosy dark” and “cold dark” is basically the whole art direction.

Luminids splash test artwork Luminids splash artwork variation Luminids platform key art Luminids platform key art variation Luminids splash artwork with soft glow

The palette

Three accents, two backgrounds, and three legacy colours I am keeping around for specific jobs.

ColorSwatchUsage
Core Accents
Luminid BlueThe hero colour. A soft glowing hit for buttons, highlights, and anything that needs attention without being harsh.
Aurora TealSecondary accents and small highlights. It deepens the palette without stealing the spotlight.
Luminous CyanUsed sparingly, for the brightest glow moments only.
Background System
Night SkyThe main backdrop. Not pure black, which reads as a void rather than a night.
Glow GreyCards and panels, one step up from the backdrop.
Legacy Accents
Cyan GlowPrimary buttons and key highlights.
LimeSecondary buttons.
MagentaUsed sparingly, for small magical moments.

The thing I would point at is Night Sky being #0D1117 rather than pure black. Pure black reads as an absence: a void with things floating in it. A very dark blue-grey reads as a night, which is a place. That is a couple of percent of luminance and it changes whether the whole interface feels like somewhere.

Early branding preview.

Type and voice

Inter Variable is the primary typeface. It is not a decorative choice and that is the point: against a glowing world, a neutral face keeps the interface from competing with the thing you are meant to be looking at. It also stays readable at small sizes over busy backgrounds, which a more characterful face would not.

The writing voice follows the creatures. Gentle, curious, slightly cosmic without being sci-fi sharp. Warm and human, and never shouting. If a line of interface copy sounds like it is trying to create urgency, it is wrong for this game.

The component rules

Cards and panels Rounded corners, translucent surfaces, soft borders, a touch of blur. Translucency is doing real work: it keeps the world visible behind the interface, so a panel feels like something resting in the scene rather than a sheet pasted over it.
Buttons Tighter radius than the panels, so they read as a different class of object. Primary in Cyan Glow, secondary in Lime. Hover states breathe rather than pop.
Badges Soft pill shapes with a glassy surface and a small inner glow, so they read as little luminous tags drifting in the interface rather than labels stuck onto it.
Selection A soft cyan highlight with a gentle glow. Selection uses the same visual language as a Luminid noticing something, which is deliberate.

Atmosphere, and one rule about motion

  • Glows are gentle and layered: cyan and blue at the core, teal around the edges. Layering is what keeps a glow from looking like a flat blur.
  • Particles drift slowly in cyan and violet. Slowly is the operative word.
  • Backgrounds drift subtly, like a sky that is moving but not going anywhere.
  • Animations breathe instead of bounce.

That last one is the rule I would keep if I had to throw away all the others. Bounce is an energetic, attention-grabbing motion, and it is what almost every modern interface reaches for. It is completely wrong here. A breathing motion — slow in, slow out, never quite settling — communicates that something is alive without asking you to look at it.

The interface should feel like it is alive in the same way the creatures are: quietly, and whether or not you are watching.

Second branding preview.

Why bother this early

Fair question, with the game this far from finished.

The answer is that every one of these decisions was going to get made anyway, a hundred times, inconsistently, in the middle of building other things. Deciding them once means I stop re-litigating the corner radius of a panel while I am supposed to be fixing terrain.

It also gave me a test I can apply to anything new: does this feel like it belongs in a warm, dark, quietly glowing world where nothing is urgent? Most things fail that test, and now I can tell quickly.

Nick