top of page
KINTO Design System
Tokens | UI Design | Design System | Responsiveness | Accessibility | Properties | Flexibility
Project Overview
Rethinking and redesign of KINTO Design System in order to create a modern, modular and consistent design system capable to cover the whole range of Kinto products. Accent on modularity, accessibility and whitelabel ready.
The whole design system is constantly mantained and updated following latest best practices and trends.
Mobile Components
Complete range of mobile components optimized for Android and iOS. Each component is crafted to serve both platforms and set up to be versatile and code friendly.
Web Components
Complete range of web components. Each component is set up to be versatile, code friendly, responsive and accessible
Variants
Each component covers interaction variants , different layouts and purpose as well as hierarchy variants and color variations.
Sets of properties make components versatile and customizable
Tokens
Token structure is in place to guarantee easy maintenance and product customisation.
Tokens cover colours, radii and spacing.
Accessibility
All components are tested for AA accessibility standards, mainly for colour contrast and font size.
Colours are tested for each mode and theme/brand.
bottom of page