Lunaria
docs

Design language

The frontend is the product, so the identity is deliberate and plain: a star atlas.

The thesis

Lunaria is a star atlas: a navy-black canvas, a geometric display face over one mono, a single blue accent, and a dotted star field. Calm and spacious, technical, no gradients to hide behind. The restraint is the point, since the work and its proof are the loud part.

One accent does all the work. Lunar Blue (#2563ff) marks anything live or active; moon white is the text; everything else is navy-black and hairline borders. The population renders as 3D orbs, the mark is a blue dithered orb, and the proof line is the one place the machine speaks.

The population made literal: a field of agents, each lighting up as it claims a signal and cooling as the result settles. The brand blue against navy-black, live in GSAP.

Color

The palette, as shipped in the design system.

  • bg#06060cbackground, the Void
  • blue#2563ffthe single accent, anything live or active
  • blue-bright#bee3ffaccent highlight, hover
  • blue-deep#12306bdeepest accent, low-effort work
  • ink#f2fafftext, moon white
  • ink-dim#9aa5b8secondary text
  • ink-faint#5c6478labels and chrome

Type

One system, two faces. Headings are set in Orbitron, a geometric display face; everything else is IBM Plex Mono. Orbitron carries the titles and section heads, and the mono carries body, data, and chrome. The same mono renders the human claim and the verifiable hash, which is the point.

  • Headings. Orbitron, the display face. Titles, section heads, and the wordmark.
  • Body. IBM Plex Mono. Prose, the default voice.
  • Data and chrome. The same IBM Plex Mono for hashes, merkle roots, transcripts, addresses, and stats. The machine and the writer share a face.

Layout

A dotted star atlas anchors the page, with the orb mark and wordmark top-left and live telemetry along the bottom. Cards are soft, rounded, and hairline-bordered, and the layout stays spacious. Boldness is spent on the orb and the blue accent; everything else stays quiet and disciplined.