Brand Guidelines

Logo

The Kangaroo is your primary mark. Everything else builds on top of it.

Logo variations: Kangaroo, Vertical Lockup, Horizontal Lockup, Tail Lockup, Wordmark, Field Gear Badge, Square Mark
Kangaroo

Lockups

Lockups pair the kangaroo with the wordmark for moments that need the full name. Each comes in four color variants to ensure legibility and contrast on any background.

Tail Lockup

Compact lockup with the wordmark tucked under the tail.

Ink on paper
Paper on ink
On brand color
Brand on ink

Vertical Lockup

Default lockup for brand moments, signage, and packaging.

Ink on paper
Paper on ink
On brand color
Brand on ink

Horizontal Lockup

Headers, navigation, and wide-format placements.

Ink on paper
Paper on ink
On brand color
Brand on ink

Wordmark

When the kangaroo is already present or space is tight.

Ink on paper
Paper on ink
On brand color
Brand on ink

Field Gear Badge

Apparel, patches, stickers, and co-branding.

Ink on paper
Paper on ink
On brand color
Brand on ink

Square Mark

Contained applications: app icons and profile images.

Ink on paper
Paper on ink
On brand color
Brand on ink

Logo variant selector

Background color determines which logo variant to use. Move the sliders, enter a hex code, or pick a palette preset — the tool picks the logo color with the strongest contrast from the active palette.

marsupial-kangaroo-ink.svgBark logo · 7.5:1 ✓

Clear­space

Clearspace is the area around the logo that must stay clear so it’s always distinguishable from surrounding graphics. For the kangaroo on its own, x is half the height of the kangaroo. For lockups with type, x is the width of the “M” in Marsupial.

x x
Kangaroox = half the height of the kangaroo
x x
Vertical Lockupx = width of the “M”
x x
Horizontal Lockupx = width of the “M”
x x
Wordmarkx = width of the “M”

Cropped kangaroo

The kangaroo can bleed off the left edge with its tail cut — on signage, apparel, packaging, banners, and even favicons. The crop is taken from the Square Mark and is identical in every logo direction.

Cut here 46% of length
Cut the tail — only the tail
Make a straight vertical cut through the tail at 46% of the kangaroo’s length, measured from the tail tip. Never cut into the haunch, legs, or head.
Bleed off the left edge
The cut always sits flush against the left edge of the container, with the kangaroo running into the space. Never flip it to bleed off the right.
Keep it at least two-thirds wide
The visible kangaroo should span at least two-thirds of the container’s width. Go bigger freely — just keep the head and feet inside the frame. Formats wider than about 5:3 can’t fit it, so use the full logo there.
Position along the edge
Anchor the kangaroo at the top, center, or bottom of the left edge to suit the layout. Anchored bottom, the feet stand on the bottom edge; anchored top, leave a small gap above.
Works at any size
From billboards to favicons, the same crop holds up. It’s a perfect fit for small square icons, where the full kangaroo gets too thin.
Use the crop from the files
Never re-crop by eye, and keep the open space in front of the nose for type. The crop is the same for every logo direction.
⅔ min
SquareThe Square Mark crop, with the two-thirds minimum.
Anchored bottomPoster with room for type above.
Anchored topPaper or white only over imagery.
At the minimumTwo-thirds of the width, centered.

Built with purpose

BannerThe open space in front of the nose is for type.
64px
32px
16px
Favicon & app iconThe crop keeps the kangaroo bold at tiny sizes.
Do not cut into the bodyOnly the tail is ever cropped. The haunch, legs, and head stay whole.
Do not crop the head or feetThe cut is always vertical, through the tail, on the left edge.
Do not go below two-thirds of the widthA small cropped kangaroo in a big space reads as a fragment, not a brand moment.

Partner­ships

How the Marsupial logo locks up with partner and co-brand logos.

Coming soon

Partnership lockup rules — divider, clearspace, and monochrome treatments — will be documented here.

QR code

Branded QR codes that stay scannable and unmistakably ours.

Coming soon

A QR code style and generator with a branded center mark will live here.

Incorrect usage

Do not alter the logo. Avoid the following treatments.

Do not use brand-colored logos on image or video backgrounds
Do not outline
Do not apply effects
Do not position on an angle
Marsupial
Do not create custom logos
Do not stretch or distort
Do not flip or rotate the kangaroo
Do not use colors outside the palette

In use

The logo on real products and places, matched to the logo, type, and palette you’ve selected.

Storefront window decal
Storefront window decal
Kraft shopping bag
Chain-stitched field coat
Badge sticker
Packing tape
Woven patch trucker
Round kangaroo patch
Headline over photography

Resources

Downloadable logo files for screen, print, and video.

Coming soon

SVG, EPS, and PNG logo suites will be available to download here once the direction is final.

Logo

The Kangaroo is your primary mark. Everything else builds on top of it.

Logo variations: Kangaroo, Vertical Lockup, Horizontal Lockup, Tail Lockup, Wordmark, Badge, Square Mark
Kangaroo

Lockups

Lockups pair the kangaroo with the wordmark for moments that need the full name. Each comes in four color variants to ensure legibility and contrast on any background.

Tail Lockup

Compact lockup with the wordmark tucked under the tail.

Ink on paper
Paper on ink
On brand color
Brand on ink

Vertical Lockup

Default lockup for brand moments, signage, and packaging.

Ink on paper
Paper on ink
On brand color
Brand on ink

Horizontal Lockup

Headers, navigation, and wide-format placements.

Ink on paper
Paper on ink
On brand color
Brand on ink

Wordmark

When the kangaroo is already present or space is tight.

Ink on paper
Paper on ink
On brand color
Brand on ink

Badge

Apparel, patches, stickers, and co-branding.

Ink on paper
Paper on ink
On brand color
Brand on ink

Square Mark

Contained applications: app icons and profile images.

Ink on paper
Paper on ink
On brand color
Brand on ink

Logo variant selector

Background color determines which logo variant to use. Move the sliders, enter a hex code, or pick a palette preset — the tool picks the logo color with the strongest contrast from the active palette.

marsupial-kangaroo-ink.svgBark logo · 7.5:1 ✓

Clear­space

Clearspace is the area around the logo that must stay clear so it’s always distinguishable from surrounding graphics. For the kangaroo on its own, x is half the height of the kangaroo. For lockups with type, x is the width of the “M” in Marsupial.

x x
Kangaroox = half the height of the kangaroo
x x
Vertical Lockupx = width of the “M”
x x
Horizontal Lockupx = width of the “M”
x x
Wordmarkx = width of the “M”

Cropped kangaroo

The kangaroo can bleed off the left edge with its tail cut — on signage, apparel, packaging, banners, and even favicons. The crop is taken from the Square Mark and is identical in every logo direction.

Cut here 46% of length
Cut the tail — only the tail
Make a straight vertical cut through the tail at 46% of the kangaroo’s length, measured from the tail tip. Never cut into the haunch, legs, or head.
Bleed off the left edge
The cut always sits flush against the left edge of the container, with the kangaroo running into the space. Never flip it to bleed off the right.
Keep it at least two-thirds wide
The visible kangaroo should span at least two-thirds of the container’s width. Go bigger freely — just keep the head and feet inside the frame. Formats wider than about 5:3 can’t fit it, so use the full logo there.
Position along the edge
Anchor the kangaroo at the top, center, or bottom of the left edge to suit the layout. Anchored bottom, the feet stand on the bottom edge; anchored top, leave a small gap above.
Works at any size
From billboards to favicons, the same crop holds up. It’s a perfect fit for small square icons, where the full kangaroo gets too thin.
Use the crop from the files
Never re-crop by eye, and keep the open space in front of the nose for type. The crop is the same for every logo direction.
⅔ min
SquareThe Square Mark crop, with the two-thirds minimum.
Anchored bottomPoster with room for type above.
Anchored topPaper or white only over imagery.
At the minimumTwo-thirds of the width, centered.

Built with purpose

BannerThe open space in front of the nose is for type.
64px
32px
16px
Favicon & app iconThe crop keeps the kangaroo bold at tiny sizes.
Do not cut into the bodyOnly the tail is ever cropped. The haunch, legs, and head stay whole.
Do not crop the head or feetThe cut is always vertical, through the tail, on the left edge.
Do not go below two-thirds of the widthA small cropped kangaroo in a big space reads as a fragment, not a brand moment.

Partner­ships

How the Marsupial logo locks up with partner and co-brand logos.

Coming soon

Partnership lockup rules — divider, clearspace, and monochrome treatments — will be documented here.

QR code

Branded QR codes that stay scannable and unmistakably ours.

Coming soon

A QR code style and generator with a branded center mark will live here.

Incorrect usage

Do not alter the logo. Avoid the following treatments.

Do not use brand-colored logos on image or video backgrounds
Do not outline
Do not apply effects
Do not position on an angle
Marsupial
Do not create custom logos
Do not stretch or distort
Do not flip or rotate the kangaroo
Do not use colors outside the palette

In use

The logo on real products and places, matched to the logo, type, and palette you’ve selected.

Storefront window decal
Storefront window decal
Kraft shopping bag
Chain-stitched field coat
Badge sticker
Packing tape
Woven patch trucker
Round kangaroo patch
Headline over photography

Resources

Downloadable logo files for screen, print, and video.

Coming soon

SVG, EPS, and PNG logo suites will be available to download here once the direction is final.