LEANability Design-Tokens
The design system tokens are flexible and work cross-plattform. Think about a set of variable names, that can be used in every element on the page. You are able to define them in the configurations. The configuration of the used tokens can you see in the documentation at tailwindcss.com. Some of them are specialized for LEANability, these once you find here.
Colors
dark
blue
pink
grey
orange
white
status
trainer
Usage
You can use the Colors with the ColorSelector in the editor or by the coresponding css-classes.
Spacing
The Spacing-System is available in the Backend as well (but will not apply always). So you can have a feeling how the space will look like on the Live-Page. Every root-element have a default spacing to the bottom (4rem or 64px). For vertical spacing in root-elements it is recommended to use at least 2rem or 32px. For this, simply apply the class “mb-8” to your element. Keep always consistency in mind. For elements which belongs to each other use the half.
Page setup
Every Element should have a "save" space to their neigbours. Every root-element has a always space bottom.