Texture Background
System Version 2.0

Radical
Clarity

A design language built on the principles of light, transparency, and motion. Creating interfaces that feel alive.

01 / Foundations

Typography

Display H1

Aa

Inter SemiBold / 6rem / -0.02em

Display H2

The quick brown fox

Inter Medium / 3.75rem / -0.02em

Body Large

Design is not just what it looks like and feels like. Design is how it works. Good design is obvious. Great design is transparent.

Inter Regular / 1.25rem / 1.6

Caption / Label
System Label

JetBrains Mono / 0.75rem / Uppercase

02 / Foundations

Color System

Canvas
#EAEAE5
White
#FFFFFF
Stone 200
#E7E5E4
Stone 500
#78716C
Ink 900
#1C1917
03 / Interaction

UI Components

Controls

Primary
Outline
Beam Effect

Inputs

Smart Cards

Interactive Light

Move your cursor over this card to reveal the hidden gradient spotlight effect.

Component

Standard Module

04 / Experience

Motion System

Fluid Responsive Dynamic Human
Fluid Responsive Dynamic Human

Everything

Is Motion.

Using IntersectionObservers to trigger cascading reveals, ensuring content enters the stage with purpose and elegance.

05 / Assets

Iconography

Atom
Graph
Secure
Energy
Layers
Config