Offcanvas
overlay thumb
SmartHR Design System

SmartHR Design System

A design system tailored for HR and payroll platforms.

Core Principles: The system is built upon four fundamental values, referred to as “Personality,” which serve as the foundation for SmartHR’s design approach.
Basic Elements: It encompasses essential design components, including logos, colors, and illustrations, that constitute the visual identity of SmartHR.
Accessibility: The design system provides guidelines and tools to ensure that SmartHR is usable and communicative for everyone, emphasizing inclusivity.
Product Design: It offers design tokens, a component library (SmartHR UI), design patterns, and writing guidelines to promote consistency and efficiency across SmartHR’s product suite.
Communication: The system includes guidelines for consistent service communication, applicable to marketing, sales, and customer success efforts.