omni-design-systemlisted

# OmniONE — Design System (Base) Shared system for all Omni Retail products. Every product skill extends this base and **never deviates**. Use only the names/values below — never invent values. Machine-readable mirror: [`tokens.json`](./tokens.json). Source: Figma `OmniONE Design system` (`RNBrFtlAUysqguEEm4AzyY`). ## Typography - **Font: `Gordita`** everywhere. Weights: Regular 400 · Medium 500 · Bold 700 · Black 900 (every style has all four). Light 300 + italics also ship. - Designed to a **4px grid**. Letter-spacing values are percentages (px = size × pct). ### Font files (self-hosted) Brand `.otf` files live in [`fonts/`](./fonts/); `@font-face` declarations in [`fonts/gordita.css`](./fonts/gordita.css). Import once at the app root: `@import "./fonts/gordita.css";` (or `<link>`), then use `font-family: "Gordita"`. | File | weight | style | |---|---|---| | Gordita-Light.otf / -LightItalic.otf | 300 | normal / italic | | Gordita-Regular.otf / -RegularItalic.otf | 400 | normal / italic | | Gordita-Medium.otf / -MediumItalic.otf | 500 | normal / italic | | Gordita-Bold.otf / -BoldItalic.otf | 700 | normal / italic | | Gordita-Black.otf / -BlackItalic.otf | 900 | normal / italic | ### Web type scale (exact) | Style | Size | Line height | Tracking | |---|---|---|---| | H1 - 48 | 48 | 56 (Regular) / 48 (M,B,Bk) | 0% | | H2 - 36 | 36 | 44 (48 Black) | -3% | | H3 - 32 | 32 | 40 | -3% | | H4 - 28 | 28 | 36 | -2% (M,B) / 0% (R,Bk) | | H5 - 24 | 24 | 28 | -2% (0% Regular) | |