Design Checklist

Line heights are increments of 8pt, Tools: Typescale

Fonts are well representing the brand, Tools: Typewolf

Space system as a non-linear geometric progression, Tools: Modular Scale

All page elements falling on an 8pt grid, Tools: Nudged Plugin

Brand colors and greys including their tint/shade variants, Tools: Coolors

Status colors (warning, error, success, info).

High enough contrast in-between shades, Tools: Tanaguru

Light text on dark background and in reverse.

All icons represent the concept they stand for.

All icons are built from a set of elements and choices shared across the whole icon set (edges, lines, corners, curves, angles, colors).

All icons fall on a common grid (*32px, 2px no go zone).

All icons are framed by a bounding box to define the area they occupy in space.