OpenStation · Brand Guidelines

OpenStation

Changelog

Logo

Wordmark

Download

Icon

Download

Holoversion

Download

Chip

Download

Color

Pulse HEX #E94FF3 RGB 233, 79, 243 HSL 296, 87, 63

Nebula HEX #EC9BFF RGB 236, 155, 255 HSL 289, 100, 80

Starlight HEX #FFFBFF RGB 255, 251, 255 HSL 300, 100, 99

Sirius HEX #9AF2FF RGB 154, 242, 255 HSL 188, 100, 80

Lagoon HEX #9F98FF RGB 159, 152, 255 HSL 244, 100, 80

Void HEX #0C0B0F RGB 12, 11, 15 HSL 255, 15, 5

Obsidian HEX #1A1721 RGB 26, 23, 33 HSL 258, 18, 11

Holomesh Type Mesh gradient Colors Lavender, Pink, Cyan, Mint Style Holographic Use Backgrounds and CTAs, never behind the logo Download

Pulsemesh Type Mesh gradient Colors Magenta, Pink, Cyan, White Style Pulsar Download

Auromesh Type Mesh gradient Colors Lavender, Mint, Cyan Style Aurora Download

Starmesh Type Mesh gradient Colors White, Silver Style Stellar Download

Voidmesh Type Mesh gradient Colors Black, Obsidian Style Void · formerly Space Download

Galaxy Type Nebula + starfield Colors Void, Nebula glows, Starlight Style Hero background Download

Shade palette · grays

Void#0C0B0F

Obsidian#1A1721

Astro#33303A

Silver#4D4A52

Pewter#66636B

Osmium#99969C

Ash#B3AFB5

Cloud#CCC8CE

Mist#E6E2E6

Starlight#FFFBFF

Ratios and rules land here: Void as the base, Obsidian for surfaces, Pulse and Nebula for identity moments, Sirius, Lagoon and Starlight for contrast, the Shade palette for text hierarchy and lines, meshes reserved for hero surfaces.

The fonts & typefaces

^AaAa

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

1234567890 +/@&!?()

Bold Medium Regular Light

Geist Mono DOCKING_COMPLETE
SPACE_03 ACTIVE

Geist & Geist Mono

Geist carries everything human: headlines, UI copy, body text. Set it tight at display sizes and regular for reading.

Geist Mono carries everything the station says about itself: labels, metadata, statuses, coordinates. Small, uppercase, letterspaced.

Geist Sans

Display72px · Medium 500 · 1.3

H148px · SemiBold 600 · 1.3

H236px · SemiBold 600 · 1.3

H330px · SemiBold 600 · 1.3

H424px · Medium 500 · 1.3

H520px · Medium 500 · 1.3

Body Large18px · Regular 400 · 1.5

Body16px · Regular 400 · 1.5

Body Small14px · Regular 400 · 1.5

Caption13px · Regular 400 · 1.3

Geist Mono

Display72px · Light 300 · 1.3

H148px · Bold 700 · 1.3

H236px · Regular 400 · 1.3

H330px · Regular 400 · 1.3

Body Large18px · Regular 400 · 1.5

Body16px · Regular 400 · 1.5

Body Small14px · Regular 400 · 1.5

Caption13px · Regular 400 · 1.3

Download Geist Download Geist Mono

Mio

Meet Mio. A small ghost blob that lives aboard the station: it glows in Pulse, drifts between windows, and shows up where the interface has something to say. It carries its own gradient, Miomesh, from Pulse into deep blue. Eight explorations so far.

Mio exploration: Luna, a rounded blob — Luna

Mio exploration: Cometa, a comet — Cometa

Mio exploration: Órbita, a blob with an orbit ring — Órbita

Mio exploration: Eclipse, a squashed rounded O — Eclipse

Mio exploration: Alba, a rounded bell — Alba

Mio exploration: Nube, a soft scallop — Nube

Mio exploration: Asteroide, a pebble — Asteroide

Mio exploration: Gotita, a compact droplet — Gotita

Miomesh · Mio's gradient

Pulse #E94FF3 · #AA67FF · #A580FF · #4B3EFF Download

Merch

Holographic logomark stickers in rounded square and circle die cuts — Holographic stickers · logomark

Enamel pins with the holographic logomark on black — Enamel pins · logomark

Mio stickers and enamel pins with neon holographic rims — Stickers + pins · Mio

Imagery

Deep space, engineered calm, gradients over photography. The product shows up on the Galaxy backdrop; the marks travel on their chips; the meshes do the color work.

wordpress.org plugin banner: Your wp-admin, now a desktop, product windows over the Galaxy background — wordpress.org · plugin banner

Social · X · Holomesh

Social · X · Pulsemesh

Social · X · Galaxy

Usage examples

OpenStationA4

OpenStationA5

In the product

Wallpaper

OpenStation

Shell

Iconography

WIP · Icon grid, stroke weight and corner language to be defined with the product icon set.

Voice & copy

Tone of voice, naming rules for features (Spaces, Dock, Palette), and do / don't copy pairs land here.

Changelog

Date	Change
Aug 5, 2026	Brought the type scale in line with the Figma text styles: Geist Display is now Medium 500 and H1 SemiBold 600, Caption moves to 13px, both families carry Body Large / Body / Body Small, and line height is 1.3 with 1.5 on the body sizes.
Aug 4, 2026	Rebalanced the logo lockup so the wordmark reads proportional to the mark, and darkened Pulse so it clears contrast minimums, with the meshes updated to match.

Licensing & open source

Everything here is meant to be reused. OpenStation is an open-source WordPress plugin (GPL). Every asset that ships with the brand, including logo, wallpapers, illustrations and fonts, must be freely licensable and GPL-compatible.

Typefaces. Geist and Geist Mono by Vercel are licensed under the SIL Open Font License 1.1. The license text is bundled in this repository next to the font files.

Extenders. Third parties build on the public APIs and component kit. Treat the visual system as something others will reuse outside our control: tokens over one-offs, rules over exceptions.

No internal content. This guide is public. Only public links, public-safe imagery and freely licensed assets belong in it.

For agents & tooling

Machine-readable brand data lives next to this page. Point an AI agent or a build tool at either file and it has the whole system: colors, type, radii, assets, rules.

And a small human shortcut: every solid tile and gray swatch in the Color section copies its HEX on click.

BrandGuidelines

Geist & Geist Mono

Brand
Guidelines