Design workflow

Assets and resources

Where to find the design files


You can find Smart’s design files on Figma community, our profile is @smartcoop. Follow us!

Community files exist mostly to show what the design system is all about in a public fashion. These are the individual links for the files:

If you want to contribute, please engage in the community through Github Issues or through Smart Belgium (e-mail Front!) so you can get internal access.

Internal access

These are the links for the files:

Library + Screens v1.2
This file is versioned. Whenever a new community version is released, we move this version number up. This file contains the source for all styles and components used in the design system, as well as screen designs. Any changes should be made here.
Design System website
The design of this website
Design process
Parts of the design process - Early iterations and paths we diverged from
Screenshot archive
File used to house screenshots used as part of the design process

Note that you need Smart approval to access these. We are still working out how this should work exactly. Please contribute to the discussion in #113.


The design uses Inter as its primary font. Inter is a font that is available in Figma by default, and you shouldn't need to install anything to use it.

Inter is a variable font family designed for computer screens by Rasmus Andersson. Inter is available in nine weights with matching italics, as well as a variable font version.

Should you need a desktop version, you can download Inter here.