01Version 3.3.0
The HUBIQ design system.
One shared core, and a theme for each initiative. The parts, the rules and the looks every HUBIQ site is built from, in one place.
2
themes
9
type roles
25
contrast checks per theme
02
Shared skeleton, a skin per initiative.
The grid, the rail, the type scale, the motion and the components are built once. Each initiative wears its own theme.
03Themes
The themes so far.
Every theme meets the same contract: the same names, its own values, the same contrast checks at every build.
The HUBIQ themeCool and dark-first: blue-leaning ink grounds, a forest chapter, light grounds for reading, and house green as the one accent.Worn by hubiq.co.uk and atomiq.digitalSee the theme →The TenantIQ themeWarm and light-first: white into warm stone, charcoal ink, a deep umber chapter, and TENANTIQ's gold as the one accent.Worn by tenant-iq.com, in buildSee the theme →
04
What is here.
- FoundationsColour, type, space and motion: the values, by theme.→
- ComponentsEvery part of the kit, live, with its documentation.→
- ThemesEach initiative's look: palette, faces, laws and contrast.→
- RulesThe rulebook, in full. Where a site and the rules disagree, the rules are right.→
- VocabularyWhat HUBIQ calls things, and the words it never uses.→
- Get startedHow a site wears the system and a theme.→
- DownloadsThe tokens and themes as files, and the typefaces.→
05Get started
Building a HUBIQ site?
Name a theme, sync a release, import it as code, and let the build check the rest.
Get started