From the curator’s desk

Clarity Design System.

Clarity Design System desktop website design

Design notes / Clarity Design System

Give different contributors their own starting route

Reviewed by Aigars Silkalns
Reviewed 10 Nov 2026
Desktop + mobile

An illustrated banner leads into separate Designing, Developing and Accessibility cards. The desktop sidebar exposes the documentation hierarchy while the cards explain where different visitors should begin. Role-based entry points help a shared design system serve designers and engineers without forcing everyone through the same introduction. Mobile: The role cards stack into large readable blocks, and the documentation tree moves behind a labeled menu.

Desktop Full size
Clarity Design System website on desktop
Mobile Full size
Clarity Design System website on mobile