The Aesthetic Is the Structure

The Bauhaus Principle

Bauhaus (1919–1933) performed one decisive inversion: make the industrial structure visible. Before Gropius, steel buildings hid their frames in stone. Bauhaus showed the beam, revealed the weld, exposed the glass. The aesthetic was truth-telling about materials.

The 21st-century machine is invisible by design. Algorithms rank your feed, score your loan, route your payment — all behind smooth surfaces that conceal the logic entirely. Nodus inverts this. The design system is built on one commitment: every visual choice reveals structure, never conceals it.

In practice this means: borders and grids ARE the decoration. Color carries semantic meaning, not brand preference. Typography hierarchy encodes data density, not aesthetic whim. No element appears without a reason traceable to the underlying information architecture.

Structure IS the decoration. No gratuitous ornament.

The Semantic Color System

Three colors. Three meanings. No exceptions. You can read a screen without reading a word — the color layer encodes behavioral structure that text only confirms.

Typography as Signal

Every type decision in the system answers a functional question. Monospace for data: because financial numbers must align vertically across rows — tabular figures prevent the eye from losing position. The 10px floor: because dense financial interfaces routinely pack dozens of data points into one viewport, and going below 10px fails WCAG at normal viewing distances.

Contrast floors are not aesthetic minimums — they are accessibility requirements enforced at the token layer. Body text at 7:1 contrast. Secondary at 4.83:1. Muted at 4.83:1. You cannot use a lower-contrast token for readable text — the naming convention tells you this.