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.

Mobile Components.png

Web Components

Complete range of web components. Each component is set up to be versatile, code friendly, responsive and accessible

Web Components.png

Variants

Each component covers interaction variants , different layouts and purpose as well as hierarchy variants and color variations.

Buttons Instances.png

Sets of properties make components versatile and customizable

Properties.png

Tokens

Token structure is in place to guarantee easy maintenance and product customisation. 
Tokens cover colours, radii and spacing.

Tokens.png
Themes and Modes.png

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.

Accessibility.png
Accessibility Dark.png
bottom of page