Introduction

Our brand is not just about how we look, it’s about how we make people feel. It’s the impression that we make – the first impression but also the lasting one.

Our brand promise to ‘bring moments of joy to everyday shopping’ should sit at the heart of everything for our users, our partners, and our employees. In order to effectively deliver on our promise we must present ourselves in a unified way that resonates with these audiences.

These guidelines have been developed to allow anyone working with our brand to become familiar with it’s execution and consistency. The following clearly outlines the core elements of our identity. It is a valuable tool designed to help all communication efforts on behalf of Shopkick — in all digital formats, print materials, presentations, and promotional items.

Please take the time to review this guide carefully and use these principles whenever our brand is being represented. Should you ever have any questions regarding Shopkick brand standards, please get in touch with the Design team.

Our Brand Promise

We bring moments of joy to everyday shopping

Primary logo

Our primary brand logo is a typographic wordmark (sometimes referred to as a logotype). The letterforms have been set in a clean lowercase font which is friendly, modern, and distinct. It may be used in either our Shopkick blue or white — preference is determined by the background on which the logo is set.

Usage

To preserve the integrity of our logo, a minimum clearspace should always be maintained. This allows for clarity and focus of the Shopkick brand when used next to other visual elements. The clearspace is determined by the width of the logo’s “s” and surrounds all sides of the logo.

Incorrect use

Our Shopkick logo should be treated with care. Please don’t modify the logo in any way. The following are examples of situations and uses that should be avoided.

Stretched or skewed

Other colors

Rotated

Visual effects or treatments

Placed on colors other than Shopkick blue or white

Placed on busy backgrounds

Change the lockup

Shopkick “s”

The Shopkick ‘s’ is our logo symbol and is derived from our primary logo. It should only be used for audiences who are familiar with the Shopkick brand, or in situations where space is very limited and the legibility of our primary logo is compromised.

The logo symbol may can be used with or without a container. Clearspace must always be maintained in both situations.

Tagline purpose

Our tagline works together with our name to convey our core purpose and supports our brand promise. It succinctly encompasses the rational and emotional benefits of Shopkick and has been created to entice our audience, connecting with the big idea and leaving them wanting more.

Note: A tagline is not a headline and shouldn’t be used as such. Instead, our tagline should be used to help support our messaging and help to contextualize who we are and what we do as a business.

Tagline Usage

Our tagline is primarily an outward facing statement to communicate with audiences that do not know who we are or what we do. It should be used to support communication and storytelling, not to lead it.

Use for new audiences

Use in communications where the intended audiences are new to Shopkick – new users, new brand and retail partners, and new employees.

Examples

• New user acquisition marketing
• Business cards
• Pitch decks for new prospects
• Event marketing collateral
• New hire orientation
• Advertisements

Special uses for existing audiences

Use selectively in communications for our existing audience as a sign off and a way to reinforce brand promise.

Examples

• Email signatures
• Footers

Don’ts

• Do not use our tagline separate from primary logo (only use in lockup)
• Do not use with our ‘s’ logo symbol
• Do not use our tagline for internal or employee communications
• Do not use in headers or prominently as a primary focus
• Do not use inside our app

Note: Before using the tagline in existing user or partner communications please consult with the design team.

Tagline clearspace

Always leave a minimum clearspace equal to the width of the “s” from the logo around all sides of the tagline lockup. There tagline lockup comes in two layout options — 1. stacked, logo above tagline and 2. horizontal, tagline to the right of the logo. Please don’t modify pre-made tagline lockups.

Tagline examples

Primary colors

Our primary palette should be used for the foundational elements of any design, creating recognition and reinforcement of our brand.

Note: Pantone is not preferred — use only when single color reference is required.

Accent colors

Our accent colors are used to support the primary brand colors in illustrations, confetti, and other visual assets.

Tint, Shade & Neutral colors

These colors balance and ground our primary and accent colors — tints and shades should be used for creating depth against our Shopkick blue and our grey neutrals can be used for more functional components, like text and borders.

Primary brand fonts

Avenir is the primary typeface we use across all brand messaging and product UI. Avenir is a humanist-modern typeface designed to bring a subtle personality to a clear and functional typeface form.

Note: Do not use other versions of Avenir, specifically Avenir LT or Avenir Next.

Proxy brand fonts

For instances where the primary typeface is not available to use, Arial is a proxy typeface universally available on Apple and Windows platforms. The most frequent instances you may need to use Arial include externally accessible and editable documents such as e-mail, Microsoft Office Suite and Google Suite.

Typography

Shopkick is a fun, rewarding and approachable brand with clear, action-based messaging. The tone is conveyed by utilizing both Roman and Heavy weights. Typical headline structure can be thought of in this cadence — complete this action, receive this reward.

Although first, action-based messaging is viewed as secondary and reward-based messaging as primary. Reward messaging will always be set in Heavy.

Illustration overview

Illustration allows us to bring the Shopkick world to life for our audiences. It help us inspire joy and delight, drawing on our brand’s fun, playful voice.

At their core, illustrations should always be paired with content with the intention of improving comprehension of an idea, rather than being used as a standalone element. Because illustrations shouldn’t detract from the core message, keep details to a minimum and make them as simple as possible. Illustrations are primarily used within our app’s ecosystem versus other mediums.

llustration characteristics

Flat

Illustrations should be flat, with little reference to depth. Don’t use shadows to create depth, use variants on the color.

No perspective

Illustrated assets and scenes are viewed straight-on or top-down, rather than from an angled perspective.

Bright colors

Use our accent colors and tints/shades to create depth and interest.

Slight radius

Apply a slight corner radius of 2-3px to keep illustrations feeling soft and friendly, rather than using hard, angled corners.

Below are examples of photography that don’t quite capture the Shopkick moment.

Images should not:

• Feature ages too far outside of our target demographic
• Feel too passive and low energy
• Feature subjects looking to camera or fail to provide context around a connection to Shopkick
• Feature subjects much older than our target demographic (see above)
• Use unnatural/studio lighting
• Feel forced and exaggerated
• Contain too many subjects and provide no clear focus.

Subject has low energy

Breaking the fourth wall feels forced

Older than our target demographic

Use of studio and harsh, focused lighting

Reaction and demeanor is too exaggerated

No clear focus on any one subject