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.

Design Philosophy

Clinical Precision,
Modern Clarity.

OmegaX Health's visual identity reflects what it is — a health intelligence system grounded in clinical authority and built with technical precision. Every surface balances the warmth of institutional medicine with the rigor of protocol-grade systems.

A clean, modern interface bridges the two — making complexity disappear while the depth remains.

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 for the OmegaX identity. Use SVGs for web and print. Do not stretch, recolor, or modify the supplied assets.

wordmark-horizontal.svg SVG

wordmark-stacked.svg SVG

mark-dark Use on light backgrounds

SVG PNG

mark-white Use on dark backgrounds

SVG PNG

logo-mark Atmospheric contexts

SVG

Usage Guidelines

Use the full wordmark in editorial, marketing, and web contexts

Use the standalone mark for favicons, avatars, and compact placements

Maintain clear space equal to the mark width around all lockups

Do not stretch, skew, rotate, or distort the logo

Do not recolor, outline, or apply effects to any asset

Do not place the light mark on light backgrounds or vice versa

Design Tokens &Brand Guidelines.