Compatibility notes: Supports Deltatre Apps 1.0 onwards.
What is the Design system?
The Design system improves the implementation efficiency of skinning and theming changes on projects. It includes the basic UI elements, which are mostly customized on the project-side, including:
Font (family, style, transform, size)
Colors (background, text)
Logos (image, size, shadow)
Icons (image, size, shadow)
Margins (border size, margin top, margin side, side menu width, row spacing)
CTAs (style and corner radius, color)
Gradients (Hero rows)
The Design system enables the central management of key design elements, meaning changes are made once and propagated across the relevant variables for all apps.
Several benefits of the Design system include:
Greater flexibility and ease of implementation for app styling changes
Consistent implementation of app styling
More efficient Deltatre Ref Apps code
Improved time to market for new clients and for executing brand changes for existing clients
The reduction of 'design debt' within projects
Reduced app styling costs
Reduced app upgrade costs
Our longer-term vision is the enable automatic generation of design tokens directly from Figma. Watch out for updates in this space!