Logo
Every Cowdi lockup, when to use each, and the rules for placing it.
The Cowdi logo combines a wordmark with three overlapping half-discs in gold, magenta, and deep purple. Always use the supplied artwork to preserve its proportions, spacing, and colours.
Which one to use
Use the full wordmark by default. Reserve the standalone mark for contexts where Cowdi is already clearly identified or the full wordmark does not fit.
Clear space
Keep clear space on all four sides equal to the height of the discs. Keep text, borders, image edges, and other logos outside this area.
More clear space is welcome; never use less than the minimum shown.
Minimum size
| Asset | Screen | |
|---|---|---|
| Wordmark | 100px wide | 25mm wide |
| Mark | 20px wide | 8mm wide |
| App icon | 40px | — |
Do not use the assets below these sizes, where the discs may lose definition.
Do and don't
Do not recreate the mark from shapes, typeset the wordmark, or place the logo directly on a busy image. Use an approved asset on a solid background instead.
In code
For digital use, reference the hosted SVG so the latest approved artwork is used:
<img src="https://www.cowdi.co/brand/cowdi-wordmark.svg" alt="Cowdi" width="242" height="67" />Keep the www. in the URL. Always set width and height to prevent layout
shift. Intrinsic sizes are 242×67 for wordmarks, 56×56 for the mark, and 94×94
for app icons.
With next/image, allow the host once:
images: {
dangerouslyAllowSVG: true,
remotePatterns: [
{ protocol: "https", hostname: "www.cowdi.co", pathname: "/brand/**" },
],
},Use alt="Cowdi" rather than "Cowdi logo"; screen readers already announce the
image role.
For print, offline use, or packaged applications, download the SVG instead of relying on the hosted URL.