Interactive Image / Brand resources

The brand, in one place.

Logos, colors, typography, and assets for creating with Interactive Image.

ZIP · Logos, icons, social image, color tokens & usage notes

01 / Assets

A familiar mark. Ready to use.

Use these original files for presentations, websites, and brand mentions. Choose the logo that gives the clearest contrast.

Primary logo

PNG · 1962 × 580

For white and light backgrounds.

Download PNG

Reversed logo

PNG · 1962 × 580

For navy and dark backgrounds.

Download PNG

Browser icon

PNG · 64 × 64

For small browser and interface placements.

Download PNG

Favicon bundle

ICO · 16, 32 & 48 px

Multi-size icon for browser tabs.

Download ICO

Social sharing image

JPG · 1200 × 630

For website link previews and social sharing.

Download JPG

02 / Color

Deep navy. Bright blue. A little spark.

The current website palette, with exact CSS values ready to copy. Reserve bright accents for actions and highlights.

Action blue

#1557FF

Primary purchase and publish actions.

Deep navy

#081633

Dark surfaces and map markers.

Hero blue

oklch(0.63 0.22 255)

Homepage buttons and navigation accents.

Cyan

oklch(0.86 0.11 220)

Headline accents on dark backgrounds.

White

#FFFFFF

Light surfaces and text on dark backgrounds.

Slate

oklch(0.554 0.046 257.417)

Secondary text on light backgrounds.

Headline accent gradient

Make it interactive.

linear-gradient(100deg, oklch(0.86 0.11 220), oklch(0.78 0.16 240) 55%, oklch(0.88 0.1 210))

Download CSS tokens Download JSON tokens

03 / Typography

Bold headlines. Clear details.

Our site requests Futura for headlines and Avenir Next for body text, then uses the fallbacks below. The font you see depends on what is installed on your device.

Headlines

Futura

Aa Bb 123

Make images and maps, interactive.

Weight 700 · Letter spacing -0.035em

"Futura", "Avenir Next", "Century Gothic", "Inter", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif

Body & interface

Avenir Next

Aa Bb 123

Make images and maps, interactive.

Weight 400 · Letter spacing -0.01em

"Avenir Next", "Century Gothic", "Inter", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif

Font files and font licenses are not included. Obtain the appropriate license if you supply or embed these typefaces in your own work.

04 / Brand usage

Keep it clear and consistent.

Give the logo room

Keep clear space around the mark, preserve its proportions, and choose a background with strong contrast.

Use the original artwork

Avoid stretching, cropping, recoloring, or adding effects. Use the small icon for browser tabs; use the full logo when space allows.

Write like the product

Be direct, helpful, and specific. Say “add a hotspot,” “drop a pin,” and “publish your map.” Write the product name as Interactive Image.

Brand description

Make images and maps, interactive.

Add hotspots to your images or drop pins on a map. Give each point a popup, map view, or lightbox card with text, photos, video, and links.