NAVRYN UI KIT

Design System v1.0.
Philosophy: Radical reduction. High signal, low noise.

01. Color System

Canvas White

#FFFFFF

Backgrounds, Negative Space

Ink Black

#000000

Typography, Lines, Borders

Cobalt Signal

#0047AB

Interactions, Active States, "The Answer"

Static Gray

#F3F4F6

Subtle backgrounds, Disabled states

02. Typography (Swiss Style)

Display / Headings

Complexity
Unravelled.

H1 / Bold / Tracking -0.05em

The continuous path.

H2 / Bold / Tracking -0.025em

Body / Functional

Most careers are chaotic, noisy mazes. Navryn does not add more noise or complex dashboards. Navryn is the thread - the single line of continuity that leads you out of the maze.

Body Large / Regular / Leading Loose

Methodology

Label / Bold / Uppercase / Tracking Wide

03. Interface Elements

Buttons

Sharp corners, solid fill
1px Border, transparent
Motion as feedback

Inputs (The Line)

Inputs use a single underline to mimic the thread.

04. Cards & Structure

Content Card

Cards use precise borders and rely on contrast rather than shadows. Hover states intensify contrast to focus attention.

Step 01

Connected items use a vertical line.

Step 02 (Active)

Active states use the Cobalt Signal.

05. Iconography Style

1.5px StrokeNo FillSharp/Square Caps