Brand assets

The mark and the name together. Use it wherever there’s room: headers, partner pages, articles, slides.

Three stacked comics with a corner box. Use the mark alone where space is tight or the name is already nearby.

The mark on its own tile, for avatars, integrations and anywhere a square icon is expected. It carries its own background, so it works on photos and busy layouts too.

The browser icon is at collection.id/favicon.ico (16, 32 and 48 px).

• Link directly. Any site or app may load these files from collection.id; they’re cached for a day, and their addresses never change.
• Prefer SVG. It stays sharp at every size and is small. Use PNG where SVG isn’t accepted; logo.png is 256 px tall and the marks are 512 px square, with the other sizes listed beside each file.
• No font needed. The name in the logo is drawn as shapes, so it looks the same everywhere.

• Leave clear space around the logo of at least half the mark’s height on every side.
• Keep the logo at least 20 px tall on screen (6 mm in print), and the mark alone at least 16 px.
• Use the ink version on light backgrounds and the white version on dark ones; on photos, use the app icon.
• Don’t recolor, stretch, rotate, outline or add effects to the logo, set the name in another typeface, or rearrange the mark and the name.
• Don’t use the logo in a way that suggests The Collector endorses you or your product.