Brand guidelines

01 · Logo suiteSix files

Use the horizontal lockup wherever there's room for the name. Use the app icon or emblem where space is square. Always use the supplied files; never redraw or retype the logo.

Primary lockup -- dark

The default. Headers, splash screens, presentations, anywhere on navy or dark backgrounds.

kelly-wordmark.svg

Primary lockup -- light

For white or light backgrounds: documents, print, invoices, licence certificates. Uses the deep amber for contrast.

kelly-wordmark-light.svg

App icon

Sidebar, app stores, desktop shortcuts.

kelly-mark.svg

Emblem

Round placements: splash, avatars, stickers, badges.

kelly-logo.svg

Favicon

A tighter crop for 16-48 px: browser tabs, small UI.

kelly-favicon.svg

Single colour

Engraving, embroidery, one-colour print, watermarks.

kelly-mono.svg

02 · Clear space & sizesGive it room

Keep a clear zone around every logo equal to one quarter of the icon's height. No text, edges or other logos inside it.

Logo	Minimum size	Below that
Primary lockup	160 px / 40 mm wide	Use the app icon
App icon, emblem	32 px / 10 mm	Use the favicon
Favicon	16 px	--
Single colour	48 px / 12 mm	Use the favicon

03 · ColourPalette

Navy and slate carry the brand. Amber is the accent and should cover no more than about a tenth of any layout. Use deep amber for amber text on light backgrounds.

04 · TypographyClear, sturdy, uppercase

The name is set in a bold humanist sans, tracked slightly, in capitals. The tagline is semibold with wide tracking. For everything else, use the same family in sentence case.

05 · Do & don'tUse it well

DoUse the dark lockup on navy and dark photos.

DoUse the light lockup on white and print.

Don'tRecolour the mark. It is slate and amber.

Don'tStretch, squash or rotate the logo.

Don'tPlace logos on busy photos without a solid panel.

Don'tFlip the mark. It always faces forward, to the right.

Kellypage

Don'tRetype the name in other fonts or cases.

Don'tFade the logo or use it as a low-contrast pattern.

06 · FilesDownload

All logos are SVG: they scale to any size, print sharply, and open in any browser, Inkscape, Illustrator or Figma. Generated from brand/make_logos.py, so edit that file, not the SVGs.