Design System

Consistent design language, reusable coded components, and best practice UX.

Tokens for global typography, layout, colour, transitions and breakpoints
Utility classes for local, exception-based styling
Elements like Buttons, Lists and Inputs for use in the composition of Widgets
Widgets like Tiles, Sections and Breadcrumbs for use directly in Sitefinity
Patterns for specific tasks, like positioning a CTA inside a Hero
Example pages built using the Design System in plain HTML
Development guides for implementation processes and code methodologies.