Logos & icons.
Everything you need to show LatchID: the logo, the mark, app and Discord icons, and the colours. Use SVG wherever you can — it stays sharp at any size. PNGs come in a few ready-made widths.
Logos
01The full logo — mark plus wordmark. Use reversed or white on dark backgrounds, and the colour or mono version on light ones.
Icon
02The mark on its own, for avatars, small spaces, or when the name is already nearby.
App icon
03Rounded for the web and marketing. Square for the App Store and Play Store, which round the corners for you.
Discord
04Server icon and bot avatar (Discord crops them to a circle), plus the 960×540 server banner.
Favicon
05favicon.ico covers 16, 32 and 48px. 180px is the Apple touch icon; 192 and 512 are for a web app manifest.
Colours
06Click a colour to copy its hex code.
Usage
07Give it room
Keep clear space around the logo at least as tall as the “L” in LatchID.
Not too small
The icon works down to 16px. Keep the horizontal logo at least 80px wide.
Keep it as-is
Don't stretch, rotate, recolour, outline or add effects to the logo or mark.
Wordmark type
The wordmark is set in Sora Bold. Don't retype it — use the files above.
Need a format that isn't here? [email protected]
Ask on Discord