Logos and other brand assets for Loops. Original design by Rhubarbe.
The brand colors of Loops are:
⚫ #000000 Pure Black
🟡 #ffe500 Loops Yellow
The logo assets consist of the black Loops symbol over a yellow roundel. Use the logo when representing the Loops application in most communications, articles and visuals. The roundel can be extended to a full Loops Yellow background when needed. Use the optically adjusted small versions at sizes 80px and below.
Note
The shapes in the logo SVGs are not flattened. Consider them a source file.
| Logos | PNG | SVG |
|---|---|---|
| Full size |  |
 |
| Optically adjusted for sizes ≤ 80px |
 |
 |
The icon assets consist of the black Loops symbol over a transparent background. Use the icon in buttons, links and UIs when referring to Loops or a Loops profile. It’s preferrable to use it over Loops Yellow but not mandatory. Use the optically adjusted small versions at sizes 60px and below.
Note
The shapes in the icon SVGs are flattened. Perfect for inserting on webpages.
| Icons | PNG | SVG |
|---|---|---|
| Full size |  |
 |
| Optically adjusted for sizes ≤ 60px |
 |
 |
Important
The Loops symbol is positionned so that the triangle is optically centered in a holding shape, meaning it’s shifted to the right compared to a naive mathematical centering. Keep it like so unless you know what you’re doing :)