Onken brand kit

Every brand asset, web-weight and indexed. Call anything by its slug and I will use it: g2-13, onken-12, wizard-penguin-08. Click a tile for full size. Each category has a JSON manifest beside it carrying colour, weight and usage data, which is what lets me pick an asset by description instead of by eye.

Gradients

39 pieces from the two Illustrator export folders. Tier is measured mean luminance, so it answers whether dark type will survive on a given gradient without opening it. Layer noise texture over any of these — the grain is what stops them reading as CSS.

Primary logos

These four are the brand. Reach for one of them first, every time. Both lockups pair the wordmark with the red heart — the third-eye heart on Onken, the star heart on Onken's World — and each comes in a version for light grounds and a version for dark. All four are vector, so they go to any size; PNGs are exported at 2400, 1200 and 600px for anything that will not take an SVG.

onken-heart-blackThe main mark. Wordmark plus the third-eye heart.on light grounds · 2400px · 1200px · 600px · svg · transparent PNG

onken-heart-whiteThe main mark, reversed.on dark grounds · 2400px · 1200px · 600px · svg · transparent PNG

onkensworld-lockup-blackFull wordmark plus the star heart.on light grounds · 2400px · 1200px · 600px · svg · transparent PNG

onkensworld-lockup-whiteFull wordmark, reversed. The star is a knockout, so the ground shows through it.on dark grounds · 2400px · 1200px · 600px · svg · transparent PNG

Grounds are shown as a chequerboard because every one of these PNGs is transparent — the light and dark tints only indicate which version to put where. On the white Onken's World the star is a knockout rather than a filled shape, so whatever sits behind the mark shows through it; that is the artwork as drawn.

Secondary — the colourway sets

Single-colour wordmarks with no heart, for when the primary lockup does not fit the ground or the space. Four families, twelve colourways each, and the numbering is identical across all four: -01 black, -02 plum, -03 teal, -04 steel blue, -05 pale blue, -06 orange, -07 pale pink, -08 magenta, -09 red, -10 bright red, -11 cream, -12 white. Pick the family, pick the colourway.

Icons

188 icons across 22 motifs — the illustrated world: rabbits, the wizard penguin, the ninja red panda, mushroom guy, crystal ball, electric camera, tree of life, and the heart family (third eye, star, torus, infinity). Colourways follow the same numbering as the logos.

SVG

The most useful files in the whole kit. Vector, so they scale to anything, and they can be pasted inline into HTML — which means they are the one asset type that works inside a published Artifact, where every external image request is blocked.

EmanatePhotoshoots_APPLICATION_WHITE.svgvector · inline it, no CSP problem

EmanatePhotoshoots_APPLICATION_WHITE_alt.svgvector · inline it, no CSP problem

HeartEye_MARK.svgvector · inline it, no CSP problem

HeartStar_MARK.svgvector · inline it, no CSP problem

Nicholas_BLACK.svgvector · inline it, no CSP problem

Onken_BLACK.svgvector · inline it, no CSP problem

OnkensWorld_BLACK.svgvector · inline it, no CSP problem

OnkensWorld_WHITE.svgvector · inline it, no CSP problem

OnkensWorld_wordmark_BLACK.svgvector · inline it, no CSP problem

onken-heart-black.svgvector · inline it, no CSP problem

onken-heart-white.svgvector · inline it, no CSP problem

onkensworld-lockup-black.svgvector · inline it, no CSP problem

onkensworld-lockup-white.svgvector · inline it, no CSP problem

Photo overlays

Transparent gradient washes built to sit over photography. Thumbnails are composited on grey so the wash reads. Weight is measured mean alpha: a subtle wash tints, a dense wash takes over. Both PNG and WebP are here; WebP is a quarter of the size and fine for web, PNG for anything going into Illustrator or Express.

Patterns

Two rendered pattern backgrounds. Three more exist only as Illustrator sources (Onken, Icon Pattern, Pattern 2, Pattern 3) and need exporting from Illustrator before they can be used anywhere else.

Motion

Eight logo and gradient animations, recompressed from 38MB to 1.9MB with faststart headers so they begin playing before they finish downloading. Two carry retired Identity Alchemy branding and are flagged.

Fonts

Read this before specifying type. Sweet Sans and Interstate Compressed — the two faces the site design language leans on hardest — are not in the font folder and are not installed as desktop fonts. They exist only as .woff webfonts pulled off the live Showit site during the rebuild, collected here under fonts/web/. That means they work in hand-built HTML and nowhere else: not Illustrator, not Canva, not Express, not a Word document. One of the files is named after a font piracy site, so the licence position is worth settling before either face ships on anything commercial.

Family	Files	Format	Licence	What it is
Awesome Serif variable	62	otf/ttf	commercial	The display serif. Site headline face.
NEUMONOPOLAR	40	otf	commercial	Geometric display, two cuts (V01 hard, V02 soft).
Montserrat variable	20	ttf	OFL / free	Google font, free for anything.
Nanum Myeongjo	3	ttf	OFL / free	Google serif, free.
TRT Terminal Mono	12	otf/ttf	commercial	Monospace, technical register.
Virgo Display + Ornaments	8	otf/ttf	commercial	Display face with a matching ornament set.
TAN - Waverly	2	otf/ttf	commercial	Display serif.
PressBox	5	otf/ttf	commercial	Athletic/collegiate display.
Sidewalk Surf	4	otf/ttf	commercial	80s retrowave display.
Hamburg Hand	3	otf	commercial	Handwritten.
Chalk Brush	1	ttf	⚠ PERSONAL USE ONLY	Brush script.
Grumpy	1	otf	commercial	Display.
Rockhill Sans	1	otf	commercial	Sans display.

Specimens