Themes · Regalia · the default

Bold, friendly,
one hue at two weights.

A moodboard for the house style: rounded, comic-clean shapes in the Solar Bold Duotone manner — a soft mass at 32% opacity, a crisp focal shape at full — coloured only from the Hayao palette. Icons, drawings, marks, game assets and UI, all cut from the same cloth.

Origin: the Regalia crown from Solar Bold Duotone, recut in Hayao colours.
mass · #e59500 @ 100%rule · #29335c

01 · Palette

A core of four, grown by the job

Every shape is a single hue shown at two opacities — the left half full, the right half at 32%. That pairing is the whole trick.

Regalia Gold
#e59500
Primary · marks, CTAs, joy
Ink Navy
#29335c
Structure · rules, type, line
Meadow
#337357
Growth · nature, success
Dusk Blue
#669bbc
Calm · sky, water, tech

Extended · purpose-scoped

Grow the palette by the job, not the mood. A new hue earns its place only by owning one specific thing — and it stays out of the core UI chrome, which the four above keep to themselves.

Vitality
Rose
#c65b5b
Hearts, health, damage — nothing else reads right in gold or green
Material
Bark
#7a4f34
Wood & earth — trunks, crates, soil, roots

02 · Icons

A duotone icon set

24-grid, no outlines. Broad backdrop at 32%, the focal detail at 100%, all of one hue. Hover to feel the lift.

Regalia
Play
Star
Heart
Puzzle
Sword
Shield
Coin
Gem
Rocket
Key
Magic

03 · Drawings

Scenes from the same recipe

Bigger illustrations are just stacked duotone masses — flat, rounded, layered light-to-dark. No gradients, no outlines.

Golden hour
Sun · hills · a drifting cloud
Buried treasure
A chest, spilling coins
Night gate
Moon, stars & a lone torii

04 · Marks & lockups

The crown, wearing different clothes

One silhouette, flexible dress: gold-on-paper, reversed, knocked into a badge, or mono for a single-colour print.


05 · Game assets

Sprites & pickups

The style is built for play — a friendly cast and a shelf of collectibles that read at 16px or 64px.

Hero
Coin
Life
Gem
Key
Ground
Hazard
Goal

06 · Components

UI cut from the same palette

Rounded corners, soft coloured shadows, gold reserved for the one action that matters most on screen.

Buttons & badges

Solver-proven Featured Deterministic
Sound on
Reduced motion

Cards & state

2D Platformer
Momentum · coyote-time · tight feel
Level progress
HJA+ 24 playtesters

07 · The recipe

Draw anything in five rules

Hand this to a person or an agent — it reproduces the look without seeing the corpus.

RULE 01

One hue, two opacities

Pick a single palette colour. Everything in the graphic is that colour — the difference is 100% vs 32% opacity. Never mix two hues inside one icon (the crown’s navy rule is the one sanctioned exception).

RULE 02

Mass at 32%, focal at 100%

The big silhouette is the light layer. The one detail you want the eye to land on — a face, a keyhole, a star point — sits on top at full strength.

RULE 03

Bold & rounded, no outlines

Solid fills only. Generous corner radii, thick limbs, no hairline strokes. If it could survive being shrunk to a 16px favicon, it’s bold enough.

RULE 04

Friendly geometry

Circles over corners, smiles over frowns, a little bounce in the proportions. Comic-clean, never sharp or corporate. Leave air around the subject.

RULE 05

24-grid, then scale

Author on a 24×24 grid so weight stays consistent across the set. Keep it vector — one path family reads crisp from sprite to billboard.

DON’T

Break the spell

No gradients, no drop-shadows inside the art, no three-plus colours per shape, no thin outlines, no photographic texture. The charm is in the restraint.