Welcome to Torii Design System

How to use Torii

Our design system exists to seamlessly connect Design and Development. As a designer you will find guidelines that will help you during the process, and as a developer you will find optimized tokens ready for code implementation.

Navigating Torii

Torii has 2 main sections: Styles and Components. This helps us keep the system organized and easy to use.

Styles

This section holds the foundations of our design system, such as Branding, Color, Typography, Shape or Motion.

Components

Components are interactive building blocks used to create a user interface. They are the equivalent to widgets in Flutter.

The Changelog - Stay up to date

Each component has its own Changelog section. Revisit it every time you need to stay up to date with changes to that specific component either in Design or Development.

The versioning system includes three digits:

• The first one changes when there are major updates like a big overhaul of a component of foundation.

• The second one when there are minor updates like new variants to a component.

• The third one is used for patches and fixes like an adjustment of color in a component for accesibility.