Cowdidocs
Design

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

Wordmark
WordmarkPrimary logo for websites, presentations, documents, and email.Download SVG ↓
Wordmark — gold
Wordmark — goldFor dark and purple backgrounds.Download SVG ↓
Mark
MarkFor avatars, favicons, logo grids, and compact layouts.Download SVG ↓
App icon — purple
App icon — purpleFor app stores and launchers. Deep purple tile with a 25% corner radius.Download SVG ↓
App icon — white
App icon — whiteAlternative app icon for dark interfaces.Download SVG ↓
Wordmark + URL
Wordmark + URLFor printed material and merchandise only.Download SVG ↓

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.

Cowdi

More clear space is welcome; never use less than the minimum shown.

Minimum size

AssetScreenPrint
Wordmark100px wide25mm wide
Mark20px wide8mm wide
App icon40px

Do not use the assets below these sizes, where the discs may lose definition.

Do and don't

Correct Cowdi wordmark
Do: Full-colour wordmark on a light, plain background.
Stretched Cowdi wordmark
Don't: Don't stretch, squash, or rotate it. Scale proportionally.
Greyscale Cowdi wordmark
Don't: Don't recolour it, including greyscale or single-colour fills.
Cowdi wordmark with a drop shadow
Don't: Don't add shadows, glows, outlines, or gradients.

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.

On this page