Bases

Les bases donnent la vie et l’identité aux composantes et motifs des jeux. Les bases, se sont surtout les couleurs et la typographie, mais il y a aussi des règles plus subtiles qui harmonisent les composantes et motifs.

L’arrondi

L’arrondi est assez dynamique. Il varie beaucoup, mais il y a quelques guides à suivre, tout en laissant place à l’improvisation. En règle générale, plus l’aire d’une composante est grande, plus l’Arrondi peut être généreux. Une carte, par exemple, bénéficie d’un arrondi plus prononcé qu’un bouton, ou un tag.

L’exception à cette règle est la pastille, qui est un cercle parfait, peut importe sa taille. Pour harmoniser la pastille aux composantes, elle peut parfois influencer l’arrondi d’une composante qui l’est habituellement peu.

L’espacement

L’échelle d’espacement provient de Chakra UI tel quel. À la base, les composantes groupées sont très rapprochées, pour favoriser la lecture de l’interface. Lorsque possible, l’espace entre les groupes de composantes est généreux.

Les traits

Les traits sont peu présents. Il peuvent servir à améliorer le contraste d’une composante contre l’arrière-plan. La carte à jouer est la seule composante qui possède un trait.