Design tokens

The content should be consistent with the brand look. In order to make sure that editors keep this consistency, Shopstory is built to be design-token first.
Shopstory recognizes following design tokens:
  • colors
  • fonts
  • spacings
  • container margins
  • aspect ratios
For example, when user wants to change a color, the first thing we display is always the list of available color tokens:
If the design system is configured properly then users will never have to resort to setting custom values and everything will be perfectly consistent with the brand language.
In Shopstory the design tokens are set in code.