Menu
Close

Brand guidelines

Logo

Main version

For light background
Download in PNG or in SVG
For dark background
Download in PNG or in SVG

Alternative version

Open Terms Archive alternative logo
For light background
Download in PNG or in SVG
For dark background
Download in PNG or in SVG

Copywriting

Common to all languages

  • The name of the product is “Open Terms Archive”.
  • Open Terms Archive is a brand name, not a common noun. It does not have a determiner.
  • It is singular. It is not “Open Terms Archives”.
  • It has spaces. It is not “OpenTermsArchive”.
  • As often as possible, non-breakable spaces should be used to separate the three words, in order to avoid line breaks in the middle of the name.
  • While the “OTA” abbreviation can be used in internal documents and discussions, it is not used publicly (at least not by us).

For Example

You should not write:

OTA enables activists to identify misleading terms.
The Open Terms Archive enables activists to identify misleading terms.
OpenTermsArchive enables activists to identify misleading terms.

You should write:

Open Terms Archive enables activists to identify misleading terms.

Colors

NameCode (Hex)Color
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

Font

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;

Titles styles

Title 1

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

Title 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;

Title 2 thin

font-weight: normal;

Title 2 ultra thin

font-weight: 300;

Title 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;

Title 3 thin

font-weight: normal;

Title 3 ultra thin

font-weight: 300;

Title 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;

Title 4 thin

font-weight: normal;

Title 4 ultra thin

font-weight: 300;
Title 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;
Title 5 thin
font-weight: normal;
Title 5 ultra thin
font-weight: 300;
Title 6
font-family: Inter, sans-serif;
font-size: 29px;
font-style: normal;
font-weight: bold;
line-height: 1.25;
color: #010613;
letter-spacing: 0;
Title 6 thin
font-weight: normal;
Title 6 ultra thin
font-weight: 300;

Credits

Thanks to the Inter Project Authors for the font and Lucide Contributors for the icons.