Brand guidelines

The brand, in practice.

Which logo where, how much room it needs, the colors, and the lines you don’t cross — plus deck and document templates to start from.

Logo

Five files cover every placement. Each downloads as SVG from its tile — pick by the surface it sits on, not by taste.

Wordmark · ink

SVG

Primary logo. Light surfaces — the site, light decks, letterhead, print on white.

Wordmark · white

SVG

Primary logo, reversed. Dark or photographic surfaces (the business-card back).

Mark · ink

SVG

Standalone mark on light, where “couwed” won’t fit — favicons, avatars, app tiles.

Mark · white

SVG

Standalone mark on dark or calm imagery (the business-card front’s dark spine).

Mark · glow

SVG

Illustration & visuals only — hero art, social tiles. Never the functional logo.

Also in the system, not substitutes for the above: logo-white.svg (site footer) · logo.png (the structured-data logo search engines index).

Clear space & minimum size

××

Clear space = one cap-height

Keep space equal to the cap-height of the “C” on all sides. Nothing — type, edges, fold lines, partner logos — enters that zone.

96px / 18mm

24px / 8mm

Minimum sizes

Wordmark no smaller than 96px / 18mm wide. Below that, switch to the mark, legible down to 24px / 8mm. Hand the printer the SVG file.

Color

Ink

rgb 10 10 12

Text and the flat logo on light.

Page

rgb 238 238 238

The site background. Build cards and decks on it — not pure white.

Brand Blue

rgb 0 97 142

Identity blue — the mark, business cards, OpenGraph, print.

Accent

rgb 59 130 246

Interactive blue — links, hovers, focus. On-screen only.

Cyan Wash

rgb 152 238 255

Lives only inside gradient visuals. Never type or a flat fill.

Two blues, two jobs. Brand Blue #00618E is identity — the mark, print, OpenGraph. Accent #3B82F6 is interface — links, hovers, focus. They never trade places.

Typeface

Inter

400 · Body500 · UI labels600 · Display

One typeface, three weights. Tight negative tracking on display sizes; default tracking for body. The wordmark is custom lettering — never retype it in Inter.

Do & Don’t

Left is the misuse, right is correct — the marks are the real files, only the treatment changes.

Don’t recolor

Ink or white only — the glow file is the one coloured mark.

Don’t distort

Scale uniformly. Never stretch, squash, or rotate.

Keep it flat

No shadows, glows, or outlines on the flat marks.

Mind contrast

On dark or busy surfaces, switch to the white file.

Glow is for art

Never the functional logo, a button, or a favicon.

Studio

Give it room

One cap-height of clear space on every side.

Also: lead with the wordmark (the mark alone only when “couwed” can’t render legibly), keep #00618E for identity and #3B82F6 for interface, and never retype the wordmark — it’s custom lettering, not Inter.

Templates & downloads

AI brand guide · couwed-brand.md

Download .md

Hand this file to an AI and it gets the brand right — colors, logo rules, and the marks embedded inline, so the assistant can use the logo with no download. It’s plain Markdown; works in any tool.

In chat

Paste the whole file into Claude or ChatGPT, then ask for anything branded.

In a repo

Save it as CLAUDE.md or AGENTS.md — Claude Code and Codex load it automatically.

Always on

Add it to a Claude Project or custom instructions so it’s on by default.

Presentation template

PPTX

Branded 16:9 deck — title, section, content, stats, and closing slides.

Document template

DOCX

Letterhead with the wordmark, brand heading styles, and footer.

Logo SVGs download from each tile above. This page follows your system appearance — light or dark.