Principes de marque

Logo

Version principale

Version alternative

Open Terms Archive alternative logo

Règles de rédaction

Communes à toutes les langues

  • Le nom du produit est « Open Terms Archive ».
  • Open Terms Archive est un nom de marque, pas un nom commun. Il n’a pas de déterminant.
  • Il est au singulier. Il ne s’agit pas de « Open Terms Archives ».
  • Il comporte des espaces. Il ne s’agit pas de « OpenTermsArchive ».
  • À chaque fois que c’est possible, des espaces insécables doivent être utilisés pour séparer les trois mots, afin d’éviter les sauts de ligne au milieu du nom.
  • Si l’abréviation « OTA » peut être utilisée dans les documents et discussions internes, elle n’est pas utilisée publiquement (du moins pas par nous).

Spécifiques au français

  • Open Terms Archive est un nom féminin, car il s’agit de l’archive, la base de données.

Exemples

Il ne faut pas écrire :

OTA permet aux parlementaires de suivre l'application de leurs lois.
L’Open Terms Archive permet aux parlementaires de suivre l'application de leurs lois.
OpenTermsArchive permet aux parlementaires de suivre l'application de leurs lois.

Il faut écrire :

Open Terms Archive permet aux parlementaires de suivre l'application de leurs lois.

Couleurs

NomCode (Hex)Couleur
Primary#2d63ff
Primary 300#c5d9ff
Secondary#0b08a0
Black 900#010613
Black 850#171717
Black 800#333333
Black 700#454545
Black 600#5e5e5e
Black 400#999999
Black 300#d6d6d6
Black 200#f5f5f5
Black 100#fafafa
White#fefffd
Tertiary#f9dd3f
Error#ec368d
Success#11ebc3

Police

Inter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ullamcorper, ligula sed imperdiet volutpat, erat nibh dapibus ex, vitae tincidunt mauris lectus id nisi. Nullam auctor est sit amet urna tincidunt ullamcorper. Fusce malesuada gravida fermentum. Nulla tristique convallis semper.

font-family: Inter, sans-serif;
font-weight: normal;

Inter bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ullamcorper, ligula sed imperdiet volutpat, erat nibh dapibus ex, vitae tincidunt mauris lectus id nisi. Nullam auctor est sit amet urna tincidunt ullamcorper. Fusce malesuada gravida fermentum. Nulla tristique convallis semper.

font-family: Inter, sans-serif;
font-weight: bold;

Inter thin

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ullamcorper, ligula sed imperdiet volutpat, erat nibh dapibus ex, vitae tincidunt mauris lectus id nisi. Nullam auctor est sit amet urna tincidunt ullamcorper. Fusce malesuada gravida fermentum. Nulla tristique convallis semper.

font-family: Inter, sans-serif;
font-weight: 300;

Styles de titres

Titre 1

font-family: Inter, sans-serif;
font-size: 80px;
font-weight: bold;
line-height: 1.25;
color: #010613;
letter-spacing: -1.5px;

Titre 2

font-family: Inter, sans-serif;
font-size: 61px;
font-style: normal;
font-weight: bold;
line-height: 1.4;
color: #010613;
letter-spacing: -0.4px;

Titre 2 thin

font-weight: normal;

Titre 2 ultra thin

font-weight: 300;

Titre 3

font-family: Inter, sans-serif;
font-size: 48px;
font-style: normal;
font-weight: bold;
line-height: 1.4;
color: #010613;
letter-spacing: -0.4px;

Titre 3 thin

font-weight: normal;

Titre 3 ultra thin

font-weight: 300;

Titre 4

font-family: Inter, sans-serif;
font-size: 38px;
font-style: normal;
font-weight: bold;
line-height: 1.4;
color: #010613;
letter-spacing: -0.4px;

Titre 4 thin

font-weight: normal;

Titre 4 ultra thin

font-weight: 300;
Titre 5
font-family: Inter, sans-serif;
font-size: 32px;
font-style: normal;
font-weight: bold;
line-height: 1.4;
color: #010613;
letter-spacing: -0.2px;
Titre 5 thin
font-weight: normal;
Titre 5 ultra thin
font-weight: 300;
Titre 6
font-family: Inter, sans-serif;
font-size: 29px;
font-style: normal;
font-weight: bold;
line-height: 1.25;
color: #010613;
letter-spacing: 0;
Titre 6 thin
font-weight: normal;
Titre 6 ultra thin
font-weight: 300;

Crédits

Merci aux auteur·trices du projet Inter pour la police de caractères et aux contributeur·trices de Lucide pour les icônes.