Formes

Les figures avec lesquelles se dessine un schéma sur la scène (stage-shape) : ce qu'elles signifient appartient à la page — un processus, un workflow, un plan —, leur apparence est dite une fois, sur les tokens du design system. Chacune remplit l'élément que la scène lui donne.

La boîte

Un bloc du design system au bord tracé : ce qu'il est dans son coin (block--mark), ses mots au milieu, trois lignes au plus. Plus épais (stage-shape--thick) pour celui qui contient plus que lui-même.

Review the article

Send the invoice

No mark at all

Holds more than itself

A long name that takes up to three lines before it is cut short

Le cercle

Là où quelque chose commence, attend ou finit : un glyphe dedans, ses mots dessous. Son bord plus épais (stage-shape--thick) ou doublé (stage-shape--double), dans une teinte (stage-shape--tone-success, -warning, -error, -info).

Plain

Start

End

Waiting

Interrupting

Message

Le losange

Là où le chemin se divise : le carré tourné, son glyphe droit, ses mots dessous ; les mêmes bords et teintes que le cercle.

One way

Every way

First event

Plain

Thick