Foundations
A consistent base for every Harbour interface
Colors, typography, themes, icons, and motion rules live here. Components and composed patterns each have their own dedicated catalogues.
Foundations
Start here
The visual decisions shared by every component, pattern, layout, and example.
Custom icons
Technology SVG marks for PHP, Laravel and file types — with Phosphor-compatible weights.
Colors
The Harbour color ramps and semantic tokens that every component is built on.
Theme
Re-skin the entire UI from one file. Inspect the theme tokens and dark-mode treatment.
Typography
Type scale, weights and font specimens used across the kit.
Motion
Animation primitives and motion patterns with reduced-motion support.