Brand guidelines

Logo

Main and secondary versions, symbol, proportions, motion, slogan, co-branding, and downloads in Pantone, RGB, and CMYK.

Updated Aug 10, 2026

Overview

The logo is the most recognizable expression of the brand. Use only approved files, preserve proportions, and keep clear space so the mark stays confident and legible. Every pack below ships as editable AI, SVG, and PNG.

Main version

The main logo is the default lockup: symbol + wordmark in a horizontal arrangement. Use it for most communications, headers, partner materials, and any context where the brand must read instantly.

Full color

Preferred on white or light brand backgrounds.

Monochrome

Single-color when reproduction limits color.

Reversed

White / knockout on dark brand fields.

Secondary versions

Secondary lockups support constrained layouts—narrow columns, small footers, or stacked compositions. Prefer the main version whenever space allows; switch to a secondary only when the primary cannot meet minimum size or clear space.

  1. 01

    Narrow formats

    Use stacked or compact secondary lockups in vertical banners and mobile headers.

  2. 02

    Small footprints

    When width is limited, choose the secondary that still clears minimum size.

  3. 03

    Never invent

    Do not create new arrangements—download the approved secondary pack.

Brandmark over images

When the logo sits on photography or dense imagery, use only approved over-image versions (typically reversed / knockout). Place the mark on quieter areas of the frame, or on an approved color field / gradient overlay that guarantees contrast. Explore the compositions below—select a thumbnail to bring that image forward as the protagonist.

Team collaborating around a table

Place the reversed mark on the quietest area of the frame—never on busy detail.

Live preview

Collaboration

Choose a scene

Symbol

The standalone symbol is reserved for contexts where the brand is already established—app icons, favicons, social avatars, watermarks, and tight UI. Do not use the symbol alone as the first introduction of the brand in unfamiliar environments.

Proportions and clear space

Never alter the logo’s proportions. Scale uniformly. Clear space around the logo equals the height of the symbol (x) on all sides. Typography, imagery edges, UI chrome, and other marks must stay outside this zone.

  1. 01

    Measure x

    Use the symbol height as the unit for clear space on every side.

  2. 02

    Scale evenly

    Resize from approved files only—no stretching, squashing, or skewing.

  3. 03

    Respect minimum size

    Keep the lockup above the minimum digital and print sizes in the asset notes.

  4. 04

    Protect the zone

    Keep text, icons, crop edges, and partner marks outside the clear-space box.

Motion principle

Logo motion should feel solid and purposeful—not playful or elastic. Prefer short fades, restrained scale (≈98–100%), and ease curves that settle quickly. The mark should arrive complete; avoid drawing strokes, bouncing, spinning, or morphing the geometry.

  1. 01

    Enter with restraint

    Opacity and subtle scale only; hold the final frame long enough to read.

  2. 02

    Keep geometry intact

    Do not explode, outline-draw, or rearrange symbol parts.

  3. 03

    Match brand pace

    Use calm timing aligned with product UI motion—no bounce or overshoot.

Verbal complement (slogan)

The verbal complement (slogan) is an approved lockup that pairs the logo with the brand line. Use only the official slogan files—never typeset a custom tagline next to the mark. Prefer the slogan version in campaigns, sponsorships, and materials that need the brand promise stated alongside the logo.

Co-branding

In partnerships, give both marks equal visual weight and equal clear space. Separate logos with a thin divider or ample gap (at least 1× clear space). Our logo appears first when we lead the relationship; follow partner guidelines when they lead. Never lock our mark into another brand’s shape, color system, or container.

  1. 01

    Equal presence

    Match optical size so neither mark dominates by accident.

  2. 02

    Clear separation

    Use a vertical rule or gap of at least one clear-space unit between marks.

  3. 03

    Approved files only

    Do not recolor, combine wordmarks, or create hybrid logos.

Do

Place approved logos side by side with matched optical size and protected clear space.

Don’t

Don’t nest logos, share a single color wash across both marks, or build a combined emblem.

Incorrect usage

Do

Use approved Pantone, RGB, or CMYK files; preserve proportions; keep clear space; place over-image versions only on approved photography treatments.

Don’t

Don’t stretch, outline, recolor, add shadows or effects, rotate arbitrarily, place on low-contrast imagery, or invent slogan lockups.

No stretch

Never distort width or height independently.

No recolor

Only approved brand colorways.

No effects

No drop shadows, glows, or bevels.

No clutter

Keep clear space free of type and icons.

All downloads

Complete logo library: main, secondary, symbol, slogan, and over-image packs. Each color system (RGB, CMYK, Pantone where applicable) includes editable AI, SVG, and PNG.