projectious.work
brand documentation

Colour, typography, logo, and interface patterns for projectious.work.

Start with colour Explore the system

This site is built with the system it documents. The scales on the colour page are the scales styling this paragraph; the type ramp is the ramp setting this sentence. If a token changes, the documentation changes with it — there is no separate “brand site” theme to drift out of sync.

Three scales, two modes

Midnight, orange, and slate as 12-step Radix-convention ramps, each with defined step roles so a border never gets used as text.

Read the colour foundations

Three fonts, three voices

Plus Jakarta Sans for headings, Source Sans 3 for body, IBM Plex Mono for code — all SIL OFL 1.1, with a fixed type ramp.

Read the typography

Terms you can act on

A split licence, trademark guidelines, and a per-asset provenance inventory — so you know what you may reuse before you reuse it.

Read the governance

Built to be used with care

The code and tokens are MIT. The brand marks are not. The documentation tells you which is which on every page, and the provenance inventory records the licence of every third-party dependency.

Read the licence terms