Canonical Vanilla

Canonical Vanilla / 2013– / Style / Langages d'écran

Le langage d'écran CSS de Canonical unifie Ubuntu, MAAS, Juju et leurs sites et applications par la police Ubuntu, des grilles divisées, des sections réglées et de grands espaces, optimisés pour parcourir de longs contenus techniques.

Canonical Vanilla — interprétation générée par IA 1
Interprétation générée par IA, pas une œuvre de référence
Canonical Vanilla — interprétation générée par IA 2
Interprétation générée par IA, pas une œuvre de référence
Canonical Vanilla — interprétation générée par IA 3
Interprétation générée par IA, pas une œuvre de référence

En un coup d’œil

Signes visuels

  • Grands titres fins et sous-titres plus petits en gras dans Ubuntu
  • Partages asymétriques 25/75 et 50/50
  • Filets fins au-dessus des sections et grand espace vertical
  • Surfaces blanches, texte sombre et focus orange ou aubergine

Usages idéaux

  • Technical product sites whose long copy must be scanned rapidly by heading
  • Sharing one typography and sectional rhythm across Canonical product sites and admin apps

Utiliser ce style

Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.

Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations

Entrée du dictionnaire

Typographie
Use Ubuntu Variable with light display headings and bold small headings and UI labels.
Composition
Divide an eight- or twelve-column grid in 25-percent units, putting short headings left and longer content right; rule the section tops.
Matière
Start from white space and dark text, using orange or aubergine only for links, focus and brand moments.
Précaution
Ubuntu type alone does not make Vanilla. Keep the quarter-based splits and the reading rhythm between sections consistent too.
Pour approfondir
Vanilla brochure layouts / Ubuntu variable type scale / Canonical application layout

Entrées liées

Plus de Langages d'écran

Poursuivez avec des styles de Langages d'écran, classés par effets communs.

Voir toutes les entrées Langages d'écran

Citer cette entrée

Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.

Link
https://indexstyle.org/fr/styles/canonical-vanilla
Markdown
[Canonical Vanilla — IndexStyle](https://indexstyle.org/fr/styles/canonical-vanilla)
HTML
<a href="https://indexstyle.org/fr/styles/canonical-vanilla">Canonical Vanilla — IndexStyle</a>

Revenir à sa position dans l’index