SYS_DESIGN // V1.0.0

Design Tokens &
Brand Guidelines.

The visual primitive language of the OmegaX ecosystem. It balances the tension between clinical authority and modern software.

The Core Identity

Brand Tension.

OmegaX lives in the tension between a serif editorial voice (Newsreader italic) and a technical protocol voice (Fira Code mono).

This is bridged by a clean interface voice (Space Grotesk). This tension must never be resolved — it IS the brand.

Editorial Element

Medical Authority

System Element

SYS_OP // EXECUTION

Interface Element

Begin Daily Plan

TYPOGRAPHY // SYSTEM_FONTS

Typography Stack

Aa

Newsreader Italic

Used for headlines, hero text, big numbers, and editorial moments.

Health Interface

Aa

Space Grotesk

Used for body text, UI components, labels, and navigation.

System Operational

Aa

Fira Code

Used for protocol tags, version stamps, hashes, and timestamps.

SYS_V1.4

0x3f...92a1

Timestamp_Active

PALETTE // CORE_COLORS

Color Palette

#33C5F4

Cyan Ink

Readable text accents, links

#00E5FF

Cyan Signal

Glows, pulses, status dots

#191C1D

Primary Text

Standard reading color

#0F172A

Contrast Dark

Dark cards in light layouts

#0A1525

Dark Canvas

Atmospheric dark sections

#F8F9FA

Light Canvas

Primary background tint

SURFACES // MATERIALS_V1

Material Palette

Liquid Glass

Hero panels, nav, overlays.

backdrop-filter: blur(40px) saturate(180%);
background: gradient;
box-shadow: inner glows;

Heavy Glass

Standard content cards.

backdrop-filter: blur(25px);
background: rgba(255, 255, 255, 0.7);
border: 1px solid white;

Milled Ceramic

Buttons, inputs, opaque frames.

background: #ffffff;
border: solid rgba(225, 227, 228, 0.6);
box-shadow: subtle drops;

ASSETS // LOGO_MARKS

Logo Lockups

Authorized variations. Use SVGs by default.

wordmark-stacked.svg (invert)

logo-mark.svg

mark-dark.svg

mark-white.svg

Design Tokens &Brand Guidelines.