loke.dev

Workshop Signal / brand guide

A small system for making things feel related.

This is the visual toolbox for loke.dev. It is meant to be used, not guarded like a museum piece.

The mark

A pulse finding a target.

Loke.dev signal mark

Use it when space is tight.

The mark is the short version of the brand. Dark field, orange target, cream signal line. Keep it intact and give it some air.

Download SVG

Colours

Mostly dark, with a reason for the orange.

Ink black

#121212

Warm bone

#F4F0E8

Safety orange

#FF5A1F

Muted navy

#6F91AA

Type and voice

Big, plain, and a little rough around the edges.

Big headings do the heavy lifting. The mono type is for labels, measurements, and small system notes. Do not make everything mono.

Writing rules

  • Say what it does. Skip the big claims.
  • Write like a person. Short is usually better.
  • Use contractions if they sound natural.
  • No em dashes. No fake urgency. No AI fluff.

Social assets

Ready to grab and use.

Usage notes

Signal mark

Favicon, app icon, small avatar, or a little signature in a corner.

Download

X header

Graphic-only 3:1 header. The wordmark sits above the avatar zone.

Download

Profile portrait

Use for places where a face helps, not as a decoration everywhere.

Download

Social square

A starting point for launch posts, project cards, and short notes.

Download

Signature illustrations

A few things to reuse instead of reaching for generic blobs.