Beta

Brand & Design Guidelines

Detection, not decoration. A dry, factual, terminal-inspired system.

Wordmark

Full wordmark - primary usage

Mark - small/mobile spaces

The wordmark is always set in Audiowide. Don't recreate it in another font, don't stretch or recolor it beyond the app's own light/dark inversion.

Typography

JetBrains Mono - interface and body text

The quick brown fox jumps over the lazy dog.

Carries the entire interface. Genuinely legible as a UI font, not just for code.

Audiowide - wordmark only

RDROP.ME

Reserved for the wordmark and page-level headings. Never used for body copy or UI labels.

Silkscreen - short uppercase tags only

Beta · New · Live

A small pixel-style face for short, uppercase labels. Unsuitable for anything longer - used nowhere else on purpose.

Color

The interface stays monochrome by default. Cyber-green is the one accent, reserved for live or detected moments (positive change, active status, a highlighted plan). It's deliberately not used for primary buttons or general UI color.

Background

Foreground

Muted

Cyber-green (accent)

Shape

Corners stay sharp (a small 0.125rem radius). Images have no rounded corners at all, and a diagonal-hatch pattern stands in wherever there's nothing to show yet.

"Nothing here" placeholder - honest, not a guess

Badge

Voice

Dry and factual, like a system log, not a friendly colorful service pitch. State what happened or what something does, plainly. Avoid filler, exclamation points, and false enthusiasm.