The visual language of EZ.
Every colour, type style and component across the platform — documented for consistency, accessibility and scale.
Colour Palette
Typography
Plus Jakarta Sans (headings) · Inter (body)
Components
Card Component
Rounded 16px, 1px border, soft shadow on hover. Consistent across the platform.
Icon System
Lucide — 1.5px stroke, 24px grid, consistent and accessible.
Spacing & Radius
8px base grid · 14px default radius · 80px section rhythm.
Palette reference
| Token | Hex | Usage | Swatch |
|---|---|---|---|
| Primary | #0E6B6B | Brand, primary actions | |
| Primary Dark | #094E4E | Hover, headers | |
| Accent | #FF7A59 | Conversion CTAs | |
| Accent Soft | #FFE8E2 | Badges, icon bg | |
| Background | #F7FBFA | Page background | |
| Secondary | #EEF4F2 | Section bg | |
| Success | #1B9E5A | Positive states | |
| Warning | #E8A317 | Alerts | |
| Destructive | #D64545 | Errors |
Mobile-first, everywhere
Mobile · 375px
Single column, stacked, large touch targets
Tablet · 768px
Two-column grids, comfortable reading
Desktop · 1200px+
Full multi-column, generous whitespace
Reusable UI primitives
Every interface element across the platform is built from this shared library — consistent, accessible and themeable.
Buttons
Variants & sizes
Badges & status
States & labels
Form fields
Top-labelled, accessible
Cards
Feature & content
Email us
1 business day response
Call us
Mon–Fri, 9–5 AEST