Foundations

The design tokens every RVN micro-frontend is built on — colour, typography, spacing, radius and elevation.

Color

The RVN palette: the Raffles brand ramp plus five semantic ramps (success, error, warning, pending, gray) each with a base and five light steps. These are the single source of truth every micro-frontend renders from.

Typography

The RVN type system: a global Segoe UI / Arial stack, a 40→16px heading scale at weight 500, and 13px weight-400 body text for every table, form label and input across the MFEs.

Spacing & Layout

The Bootstrap-derived spacing scale (4px steps), the per-component border-radius scale (6 / 8 / 10px), the box-shadow depths, the fixed sidebar/header dimensions, and the responsive breakpoints every micro-frontend lays out against.