Isomer brand assets

Official logos, colors, and type for Isomer. Everything here is free to use when referring to Isomer. Prefer SVG, use the web files on screens, and use the print files in print.

Design guideline (PDF) brand.json tokens.css

Colors

Isomer Blue carries the brand, Accent Purple highlights, and Secondary Orange is used sparingly. Click any swatch to copy its hex value.

Typography

Titles and headlines in Fustat; body text in Inter. Both are free from Google Fonts.

Titles · Fustat

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 (!@#$%^&*:;?,.)

Light Regular Medium SemiBold Bold ExtraBold

Body · Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 (!@#$%^&*:;?,.)

Regular Medium SemiBold Bold

Logos

24 variants, each in SVG, PNG, PDF, and Illustrator, with RGB versions for web and CMYK-adjusted versions for print. The default is horizontal · color. None of the files has a filled background, so each preview shows the background that variant is meant for.

Guideline

The design guideline covers logo construction, clear space, the full palette with Pantone references, and example applications.

Clear space

Clear space is measured in A, the width of the mark. Leave at least ½A around the horizontal lockup and ⅓A around the mark on its own. Don't recolor, stretch, rotate, or rearrange the logo.

Open the guideline PDF

Swatch files

Adobe Swatch Exchange (.ase) and Illustrator palettes for loading into design tools.

For agents

This site is also meant to be read by AI agents. Everything on this page comes from one manifest, and every file has a stable URL.

Read the manifest

curl -s https://isomer-ai.github.io/brand/brand.json \
  | jq '.logo_defaults, .colors'

URL pattern

https://isomer-ai.github.io/brand/logos/
  {web|print}/{svg|png|pdf|ai}/{variant}.{ext}

On a light background use isomer-logo-horiz-color-white-bg. On a dark background use isomer-logo-horiz-color-dark-bg. For a square slot use isomer-logomark-color-white-bg.