12 · Symbol and name
Logo
A disc of light seen through ribbed glass: each stripe lets the same light through at a different height.
Anatomy
- Disc
- A circle of light, with no outline. It is the only thing drawn.
- Stripes
- Seven vertical cuts of equal width, with a thin gap.
- Offset
- Each stripe shows the disc at a different height, in a gentle wave. It is the signature: without it, it is just a striped circle.
- Name
- Inter SemiBold, converted to outlines, with letter spacing tightened by 2.5%.
Play with the symbol
The symbol is built from three decisions. Move the controls to see how they work. The official symbol is fixed: this is only an exercise.
Versions and download
Choose the version by the background, not by taste. The viewer warns you if the contrast is not enough.
When to use each piece
- Horizontal: the default version, anywhere with wide space
- Stacked: covers, avatars and square spaces
- Symbol only: when the name already appears nearby
- Wordmark only: documents and signatures, if the symbol is already on the page
When not to
- The symbol alone at someone's first contact with the brand
- A flat version on a photo background
- Versions with their own background on top of another background
- Mixing two versions in the same piece
Clear space
Around the logo, leave free a space equal to one stripe of the symbol (x). Nothing enters that zone: no text, no borders, no other logos.
Minimum size
Below these sizes the stripes are lost. For favicons from 16 to 32 px, use the compact five-stripe version.
| Piece | Screen | |
|---|---|---|
| Symbol only | 24 px tall | 8 mm |
| Horizontal | 20 px tall (100 px wide) | 6 mm tall |
| Stacked | 56 px tall | 18 mm |
| Wordmark only | 14 px letter height | 4 mm |
| Favicon (compact version) | 16 px | · |
Incorrect uses
Nitente