04 · Logo

The Bars Shield.

The mark and its approved variants. How the logo is built, how small it can go, and what to never do with it.

04.1

Overview

The BARS visual identity is anchored by the Bars Shield. Paired with the wordmark, it forms the primary lockup. Eight approved variants support every context: four color treatments, each with or without the wordmark.

Download all logos (.zip)Pick a variant

Full lockup and shield, in every color treatment. SVG, PNG, and 2x.

04.3

The Bars Shield

Retailers, communities, individuals. One standard.

Retailers, communities, and individuals meeting at a single point of trust. That point is the standard BARS sets and protects.

Twenty years of the program, renewed in a mark that shows what the work has always been: protecting the people behind every sale.

04.2

Primary lockup

The primary lockup pairs the Bars Shield with the wordmark in Kanit. This is the canonical presentation. Use it wherever space and contrast allow. Every other variant is derived from this one.

04.4

Color variations

Download a specific variant as SVG, PNG, or 2x PNG. Match the treatment to the surface.

Full lockup

Default

Red and green split. Primary use on white and light surfaces.

SVG PNG @2x

Primary

Solid green. Strong-color backgrounds and single-accent contexts.

SVG PNG @2x

White

Reversed, for dark surfaces. Minimum 4.5:1 contrast.

SVG PNG @2x

Black

Single color, for mono print and low-fidelity reproduction.

SVG PNG @2x

Shield only

Default

Red and green split. Favicons, app marks, tight spaces.

SVG PNG @2x

Primary

Solid green. Strong-color backgrounds and single-accent contexts.

SVG PNG @2x

White

Reversed, for dark surfaces. Minimum 4.5:1 contrast.

SVG PNG @2x

Black

Single color, for mono print and low-fidelity reproduction.

SVG PNG @2x

04.5

Construction and clear space

Construction

Built to an 8 by 8 modular grid.

1X = shield height / 8 · Shield = 8X * 8X

Clear space

Keep 2X on every side.

2X = shield height / 4 · Scales automatically with the logo

04.6

Minimum sizes

Below these sizes, use a simplified variant rather than shrink the full mark further.

120 px / 1 inchFull lockup

24 px / 0.25 inchBars Shield alone

Scale range

16 px

24 px (min)

48 px

96 px

160 px

04.7

Backgrounds

Match the logo variant to the surface. Default on light, white on dark, black for mono. When placing the logo over photography, use a subtle overlay to guarantee 4.5:1 contrast.

Default logo on white or light gray surfaces.

White variant on dark surfaces (gray-700 and deeper).

Don't

Default logo on green. The shield's green half disappears.

White variant on a light surface. No contrast.

04.8

Misuse

The eight mistakes that show up most often. Each one bends the mark in a way that breaks the system.

Stretched

Skewed

Recolored

Shadowed

Rotated

Cropped

Low contrast

Container shape