New: Film. Upload the game, Snack finds every play, and each athlete gets their own cut-up.

Brand

Snack brand kit

Logos, wordmarks, colors, type and motion for press, partners and the teams that use Snack.

Get the logos Colors

Logos

Marks and app icons

App icon

The Snack mark in ink on a lime tile. Use it wherever Snack needs a square logo.

Icon mark (ink)

Standalone mark for lime and light backgrounds.

Icon mark (lime)

Lime mark for dark backgrounds.

Icon mark (white)

Reversed mark for photos and dark color fills.

Studio logo

Shield mark for Studio, the coach and admin side of Snack.

Studio favicon

Compact Studio mark for small icon placements.

Lockups

Icon and wordmark together

Wordmark lockup

App icon with the Tanker wordmark, for light backgrounds.

Wordmark lockup (white)

App icon with the Tanker wordmark, for dark backgrounds.

Wordmark

The Snack wordmark

Tanker, outlined, so it looks right without the font installed.

White

Ink

Lime

Color

Lime, ink and the app colors

Click a swatch to copy its hex value.

Core palette

App colors

Supporting

Type

Typefaces

SNACK BRAND KIT

Tanker

Display font for titles, buttons and the wordmark

Coaching that gets finished, not just assigned.

Inter

Body font for everything else

Motion

Motion assets

Snack floating animation

Looping brand motion asset used in the mobile app.

Snack floating JSON

Lottie JSON source for teams that need the raw animation data.

Usage

Do's and don'ts

Do

Lead with lime

Use #d6fd70 for primary actions and highlights, with ink text on top.

Do

Give Tanker room

Use positive tracking for titles, buttons, and labels so the all-caps display face stays readable.

Don't

Recolor the mark

Keep the mark ink on lime, or lime or white on dark. Don't place it on other colors.

Don't

Use flat ambient disks

Decorative glows should blur or fade out at the edges, matching the marketing visual system.