Pour commencer

Accédez aux outils et aux éléments de base qui permettent de concevoir et de mettre au point des expériences cohérentes et accessibles.

Développer Conception

Styles

Les styles forment le langage de conception visuel du système de conception.

Bordures

Les bordures séparent, définissent, divisent et mettent visuellement en valeur le contenu et les composants.

Couleurs

Nos couleurs de marque sont inspirées des valeurs partagées par le gouvernement et la population du Nouveau-Brunswick.

Espacement

Le système de conception du GNB applique une grille de 8 px à toutes les valeurs d’espacement, incluant les marges et les remplissages.

Système de grille

Nous utilisons une grille à boîtes flexibles de 12 colonnes pour construire des mises en page dotées de 5 niveaux réactifs. Les mises en page sont d’abord conçues pour les appareils mobiles.

Iconographie

Les icônes peuvent véhiculer un message et rehausser l’attrait esthétique des interfaces utilisateurs.

Typographie

La typographie permet d’établir une hiérarchie de l’information et d’optimiser la lisibilité et l’accessibilité.