Ariadne brand book

The mark, variants, lock-ups, palette, type, clear-space rules and downloads for the Ariadne Navigator project. Free to use in editorial and interoperability contexts. Please don't restyle the mark and please don't imply endorsement.

The mark

Classical goddess bust in silhouette. She holds the thread that guides Theseus out of the labyrinth — the mobile app is that thread. Warm ivory on Silent Mode navy is the primary treatment; every other variant is derived from this one.

Mark, primary

Traced silhouette, ambient warm glow, safe 8-dp margin. Used at every scale from 24-dp chip to Play Store icon.

SVG

Mono — gold on transparent

Single-fill stamp for foil embossing, watermark overlays, sticker cuts, and dark backgrounds you don't fully control.

SVG

Mono — dark on transparent

Same shape, navy fill. For paper, cream in-app surfaces, black-and-white print, editorial pieces.

SVG

Palette / accent variants

Five accent treatments of the same silhouette. Pick by ground, not by mood.

Ivory + ambient glow primary

Default on dark surfaces — launcher icon, favicon, site hero.

SVG

Ivory, flat navy

Dense grids and chips where the glow would blur into neighbours.

SVG

Full gold

Release banners, event posters, unlocked-badge states.

SVG

Dark on cream

Paper, light in-app contexts, editorial pieces.

SVG

Ivory + Ariadne's thread

Editorial contexts where the myth is being spelled out.

SVG

Lock-ups & wordmark

When you have room for a wordmark, use one of these — never redraw. Georgia is the wordmark type; the ivory "Ariadne" pairs with a gold ".x" suffix.

Lock-up — mark + wordmark

The default lock-up for the site header, docs, decks. Scales cleanly.

SVG

Wide lock-up — with tagline

Adds the one-line product tagline underneath. Use where there's horizontal room but no supporting body text.

SVG

Avatar & banner

For social profiles, forge accounts, forums, community sites. The avatar bakes in rounded corners so it renders correctly even on platforms that don't mask.

Avatar — 512 × 512, rounded

Twitter/X, Discord, Bluesky, forge profile pics. 96-dp corner radius baked in.

SVG

Banner — 1500 × 500

Twitter/X header, forum banners, event covers. Mark on the left, wordmark and tagline right, faint gold thread threading through the middle.

SVG

OG / social card — 1200 × 630

Preview when the site link is shared. Bigger mark, headline + tagline, product footer stripe.

SVG

Palette

Six brand colours, all live in the site's :root. Use these tokens rather than raw hex when you can.

Silent Mode navy

#0B0F1A
--bg

Ivory — silhouette

#F1E4C7
--ivory

Gold — thread & ".x"

#F5D983
--gold

Gold, deeper

#E8C15A
--gold-dim

Cream — shadow

#E1CFA8
--cream

Panel

#141A24
--panel

Type

Wordmark & display

Georgia — 500 weight. Serif, for the wordmark, page headlines and section headers. Suits the classical reference; bundled on every OS.

Body & UI

system-ui / -apple-system / Segoe UI / Roboto. System sans, for body text, controls, code labels. Nothing to bundle; matches whatever platform reads it.

Monospace

ui-monospace. For code, hashes, addresses. Backed by the OS's own console font.

Clear space & scale

The mark needs breathing room. Reserve at least 1/12 of the mark's own width as clear space on every side — nothing touches, nothing crops the wreath.

The outer dashed line is the mark's bounding box. The inner dashed line is the minimum clear space — no other element, text or edge crosses inside it. On the app launcher this is enforced by the adaptive-icon safe zone (92 dp inside a 108 dp viewport).

Scale

The mark is designed to read from a 24-dp chip to a 512-dp Play Store icon.

192 dp — About

108 dp — Launcher

64 dp — Notification

40 dp — Toolbar

24 dp — Chip

Do · don't

● DoIvory silhouette on the Silent Mode navy. This is the primary treatment.

● DoDark-on-cream inversion for paper, editorial or light in-app contexts.

✕ Don'tPlace on a saturated third-party colour. The palette is navy + cream + gold, not the host's marketing palette.

✕ Don'tRotate or flip the mark. The profile is directional; rotating it breaks the classical reference.

✕ Don'tSquash or stretch the mark. Aspect ratio is 1:1; scale uniformly.

✕ Don'tAdd glows, shadows or gradients outside the ones defined here. The ambient warm glow is part of the mark — extra effects are not.

Usage rules

· Don't redraw or retrace the mark. It's a hand-traced silhouette. Retracing changes the character.

· Preserve the ambient glow only against the navy background. On light backgrounds, use the flat or dark-on-cream variants.

· Never crop below the shoulders. The bust silhouette is the recognisable shape.

· Never place text over the mark. Use a lock-up if you need mark + text together.

· "Ariadne" is a project name, not a company. Editorial form is "Ariadne Navigator". Domain form is "Ariadne.x". Never write "Ariadne™" or "©".

· Don't imply endorsement. If you're building on top of Ariadne, say "compatible with Ariadne" or "uses Ariadne resolver", not "an Ariadne product".

Downloads index

Every asset in one place. All SVGs are hand-authored, hand-traced or wordmark lock-ups — safe to redistribute inside editorial and interoperability contexts.

`favicon.svg`	The mark — primary. 108 × 108 viewport, ambient glow.
`logo-mono.svg`	Single-fill gold silhouette. Transparent background.
`logo-mono-dark.svg`	Single-fill navy silhouette. For paper / cream surfaces.
`logo.svg`	Lock-up — mark + wordmark. 340 × 108.
`logo-wide.svg`	Wide lock-up — mark + wordmark + tagline. 620 × 108.
`avatar.svg`	Social avatar — 512 × 512, rounded corners baked in.
`banner.svg`	Social banner — 1500 × 500 (Twitter / X header).
`og-image.svg`	Open Graph card — 1200 × 630.
`variant-ivory-glow.svg`	Palette variant — ivory + ambient glow (primary).
`variant-ivory-flat.svg`	Palette variant — ivory, no glow.
`variant-full-gold.svg`	Palette variant — full gold silhouette.
`variant-mono.svg`	Palette variant — navy on cream.
`variant-thread.svg`	Palette variant — with the gold Ariadne thread.