OpenYacht

Fly the house colours

The OpenYacht mark is a code hoist: signal flags Oscar and Yankee flown from one halyard — O·Y in the International Code of Signals. Sailors can read it; everyone else sees flags flying.

Everything here is free to use when referring to OpenYacht or indicating that a system implements the protocol. The one rule that matters: the colours are the letters, so the full-colour flags are never recoloured — single-ink contexts use the one-colour cuts, where the divisions become cuts and the geometry still reads.

OpenYacht lockup: the code hoist mark beside the wordmark
OpenYacht lockup reversed for dark grounds
OpenYacht lockup, one-colour cut in signal blue

The colours are the letters

The palette is the International Code flag locker, nothing else. Canonical values are the oklch tokens in the site's stylesheet; the hex values are their exact sRGB renderings — use them verbatim.

  • signal-red
    #c30b2d
    oklch(52% 0.205 22)
  • signal-yellow
    #fecf16
    oklch(87% 0.175 92)
  • signal-blue
    #0f2d79
    oklch(33% 0.135 264)
  • ink
    #14181f
    oklch(21% 0.015 260)
  • cloth
    #f5f3ee
    oklch(96.5% 0.008 95)
  • ivory
    #f1efe6
    oklch(95% 0.012 95)

Show you fly it

Running a node, or built on the protocol? Bend a badge onto your site or README. Both are SVG with the text outlined — they render identically everywhere and always link home.

Built on OpenYacht badge, cloth Built on OpenYacht badge, flat

HTML

<a href="https://openyacht.org">
  <img src="https://openyacht.org/brand/badge.svg" alt="Built on OpenYacht" height="32">
</a>

MARKDOWN (THE FLAT CUT SUITS A README BADGE ROW)

[![Built on OpenYacht](https://openyacht.org/brand/badge-flat.svg)](https://openyacht.org)

Hoist etiquette

  • Never recolour the flags. Recoloured, they stop spelling O·Y. One-colour contexts use the cuts.
  • Keep the hoist order. Oscar flies above Yankee; swapped, it reads Y·O and spells nothing.
  • Keep the halyard. Don't crop it or detach the flags from it; it's what makes the mark a hoist rather than two squares.
  • Give it sea room. Clear space of at least half a flag's width on all sides; minimum height 24px, below which the favicon cut applies.
  • The wordmark is Besley. Extra-bold, uppercase, tracked wide — use the lockup files rather than resetting it.