AI Dossier

Logo showcase

Downloads and guidelines for the AI Dossier logo. Every variant is shown on a light and a dark background, with SVG for most uses and PNG where a raster is handy.

Variants

Mark

The primary logo: a document with a check on a rounded green square. Use it as the app icon, favicon and avatar. Same artwork as favicon.svg.

AI Dossier mark: white document with a checkmark on a green rounded square On light
AI Dossier mark: white document with a checkmark on a green rounded square On dark

Mark, dark theme

The mint square with a near-black glyph, as the website draws it in its dark theme. Prefer it on dark surfaces.

AI Dossier mark in dark theme colours: near-black document with a checkmark on a mint rounded square On dark
AI Dossier mark in dark theme colours: near-black document with a checkmark on a mint rounded square On light

Horizontal lockup

The mark followed by the "ai-dossier" wordmark, set in Inter and converted to outlines so it renders the same everywhere. Use the dark-text version on light backgrounds and the light-text version on dark ones.

AI Dossier lockup: the mark followed by the text ai-dossier On light

Horizontal lockup, for dark backgrounds

Mint mark with light wordmark.

AI Dossier lockup for dark backgrounds: mint mark followed by light text ai-dossier On dark

Glyph, green

The document-and-check without the square, on a transparent background. For light surfaces where the filled square would be too heavy.

AI Dossier glyph in green: document outline with a checkmark On light

Glyph, white

One-colour version for dark or photographic backgrounds, and for stamping on a brand-coloured surface.

AI Dossier glyph in white: document outline with a checkmark On dark

Glyph, black

One-colour version for print, documents and anywhere only black is available.

AI Dossier glyph in black: document outline with a checkmark On light

Colors

These match the tokens the website uses. Select a swatch to copy its hex value.

Size and clear space

Clear space

Leave at least a quarter of the mark's height free on every side, measured as x. Nothing else (text, edges, other logos) should enter that zone.

AI Dossier lockup inside its clear-space boundary x x

Minimum size

Below these sizes the glyph stops reading clearly.

Mark at its minimum size of 16 pixels
Mark: 16 px
Glyph at its minimum size of 16 pixels tall
Glyph: 16 px tall
Lockup at its minimum size of 96 pixels wide
Lockup: 96 px wide

Usage

Do

  • Use the supplied files. Scale them proportionally.
  • Keep the clear space around the logo.
  • Use the mark on a light or dark background that gives it contrast.
  • Use the glyph versions when you need a single colour.
  • Use the lockup for a name next to the mark, and the mark alone where space is tight.

Don't

  • Do not stretch, squash, rotate or skew it.
  • Do not recolour it outside the palette above.
  • Do not add shadows, outlines, gradients or effects.
  • Do not put the green mark on a green or low-contrast background.
  • Do not redraw the glyph or retype the wordmark in another font.
  • Do not imply endorsement by using it as your own product logo.
Mark stretched wide, incorrect
Stretched
Mark rotated, incorrect
Rotated
Mark recoloured to purple, incorrect
Recoloured
Mark with a heavy drop shadow, incorrect
Effects

AI Dossier is open source under AGPL-3.0; the licence covers the code, and this page only describes how the logo should be shown. Questions: open an issue.