Tradik Design System · v0.1
One language for tradik.com and every Tradik product.
A small, opinionated system: brand-true, accessible by default (WCAG 2.2 AA across the board, AAA for body text), and built to scale from a marketing site to internal tooling without re-litigating decisions.
Sections
-
Brand
Logo, voice, and the principles that hold the system together.
-
Color
A semantic palette built around WCAG 2.2 contrast targets.
-
Typography
Inter for UI, Fraunces for display, JetBrains Mono for code.
-
Spacing & layout
A 4 px grid, fluid breakpoints, and container patterns.
-
Accessibility
How we apply WCAG 2.2 to every component and template.
-
Components
The base set: buttons, inputs, surfaces, navigation.
-
Downloads
Logos, favicons, brand assets — all formats.