Brand

Ateamo Brand Guidelines

Everything you need to represent Ateamo correctly — our logos, colors, and typography, plus a few rules to keep things looking sharp. Press, partners, and teammates: start here.

The Logo

The Ateamo logo pairs the lightning-bolt mark with our wordmark. Use the full lockup as the default. The mark can stand alone where the full logo won't fit — app icons, avatars, favicons.

Ateamo primary logo
Ateamo logo mark

Download

Official logo files. Prefer SVG wherever possible — it's crisp at any size. Reach for the PNGs only when vector isn't supported.

Ateamo Primary logo

Primary logo

Full lockup with wordmark. Our default — use it whenever space allows.

Ateamo Primary logo — black

Primary logo — black

One-color black version for light backgrounds, print, and low-color contexts.

Ateamo Primary logo — white

Primary logo — white

One-color white version for dark or photographic backgrounds.

Ateamo Logo mark

Logo mark

The standalone bolt mark. Use for avatars, favicons, and tight spaces.

Ateamo Logo mark — black

Logo mark — black

One-color black mark for light backgrounds.

Ateamo Logo mark — white

Logo mark — white

One-color white mark for dark backgrounds.

Clear Space & Size

Give the logo room to breathe. Keep clear space around it equal to the height of the bolt mark, and never place it below the minimum sizes.

Clear space example

Minimum clear space = the height of the mark on all sides.

Full logo

Minimum width 120px

Logo mark

Minimum size 24px

Do's & Don'ts

Keep the logo recognizable. Use the files as provided — don't redraw, recolor, or distort them.

Use approved logos on sufficient contrast

Don't stretch or squash the logo

Don't rotate the logo

Don't recolor the logo

Don't add shadows or effects

Don't place on low-contrast backgrounds

Color

Brand green is our anchor. Gold and yellow bring energy through the mark. Click any value to copy it.

Brand

Brand Green

Primary. Buttons, links, key accents.

Green Light

Accents and gradients on dark surfaces.

Green Dark

Hover states and depth.

Gold

Bolt accent, secondary emphasis.

Yellow

Bolt highlight, energy accent.

Neutrals & Surfaces

Ink

Headlines, one-color black logo.

Text

Body copy on light surfaces.

Muted

Secondary text and metadata.

Paper

Warm light fill.

Surface Warm

Default page background.

Surface Dark

Dark sections and hero.

White

Surfaces, one-color white logo.

Typography

We use Manrope across the brand — a clean, geometric sans that stays friendly at every weight.

Aa

Manrope

Regular 400

Medium 500

Semibold 600

Bold 700

Extrabold 800

Heading — Bold

Subheading — Semibold

Body copy — Regular. The quick brown fox jumps over the lazy dog while the league schedule sorts itself out, finally.

Questions about using our brand?

For partnerships, press, or anything not covered here, get in touch.

Contact Us