Two Booster drinks held together in a bright everyday moment

Visuals

All visual guides and assets for the new brand.

2. Colour

Overview

Colour At Booster

The palette is deliberately tight. Purple carries the brand system while photography and real product colour provide richness.

Screen Vs Print

Neon and lilac perform best on screen. In print, use them as controlled accents or replace large applications with Booster Purple, Deep Purple, white, or greyscale surfaces.

Photography As Colour

When non-purple colour enters the system, it should primarily come from smoothies, ingredients, people, and real environments. Brand graphics should stay restrained so natural product colour can lead.

Core Colours

Secondary Colours & Shades

3. Typography

Type System

The Booster type system is built on two functional pillars: Montserrat for display and body, and Titillium Web for structural labeling. Together, they create a transparent, high-fidelity experience.

System Hierarchy

Primary Display (Montserrat Light)

Transparent nourishment for daily routines.

Structural Label (Titillium Web Bold)

Product Identification & Metadata

Body Copy (Montserrat Light)

The identity system is designed to provide clarity and utility. We reduce promotional noise and replace it with direct, source-based information that makes decision-making faster and more intuitive for every guest.

Live Montserrat Tester

4. Packaging & Products

Overview

Packaging is the most visible everyday brand touchpoint. It must support product colour, routine use, material clarity, disposal behavior, and recognition across cups, wrappers, bags, napkins, merch, and delivery moments.

Booster cup

Cups

Transparent or frosted bodies let smoothie colour become the hero.

Booster bags and wrap

Wrappers

Use high-contrast lockups, clear ingredients, and material guidance.

Booster takeout bag mockup

Takeaway

Consistent application across delivery and transport touchpoints.

Touchpoints

Booster Smoothie Cup

Smoothie Cups

Booster Juice Cup

Juice Cups

Booster Product Wrapper

Wrappers

Booster Takeout Bag

Takeaway Bags

Booster Delivery Packaging

Delivery

Booster Pins and Stickers

Pins & Stickers

Napkin System Needed

Napkin, straw, and cutlery graphic rules.

Reusable Cup Specs Needed

Loyalty, material, and cleaning guidance.

Disposal Icons Needed

Clear recycle, compost, rinse, and landfill instructions.

5. Photography

Overview & Styles

Photography should feel real, warm, naturally lit, and useful. It should show daily routines, visible product colour, hands, packaging, and people interacting with the brand without heavy artificial staging.

Cheers moment with Booster cups

Examples

Hand holding Booster cup

Product In Hand

Simple, human, tactile, and routine-based.

Booster packaging in environment

Packaging Context

Show actual touchpoints instead of isolated renders only.

Two Booster cups

Colour Through Product

Let smoothie colour provide richness against restrained brand surfaces.

6. Icon Set

System Development

The icon system is currently in development. It will inherit the brand's heavy geometry and exclamation-block logic for app navigation, signage, and utility labeling.

Complete App Library

Navigation, account, rewards, cart, and nutrition labels.

Packaging Symbols

Material sorting, pickup, freshness, and allergen instructions.

Signage Set

Facility, pathfinding, and operational instructions.

7. Advertising

Layout Principles

Advertising should feel direct, benefit-led, visually rich, and controlled. Photography carries appetite and energy; typography carries the claim; the brand system holds the layout together.

Poster Design

Use one dominant image, one headline, one proof point, one CTA, and a clear lockup.

Email Design

Lead with the need state, show product colour quickly, keep CTAs specific, and avoid stacked promotional noise.

Flyers

Prioritize local relevance, offer clarity, and practical details like location, time, and product category.

Campaign Rules

Do

Use clear hierarchy, generous negative space, disciplined colour, one hero image, one campaign accent, and proof-based copy.

Avoid

Avoid multiple accent colours, overloaded fruit graphics, decorative Boo use, crowded offers, low-contrast CTAs, and generic wellness headlines.

8. Interface Design

Overall Principles

Interface design should make decisions faster. The digital system should support clearer need-state browsing, transparent ingredient detail, faster reordering, material/sourcing education, and consistent brand behavior across web and app.

Colour

Use deep surfaces for focus moments and white/grey surfaces for reading-heavy flows.

Typography

Use Montserrat for screen hierarchy and Titillium labels for controls and metadata.

Components

Keep controls rounded, direct, high-contrast, and layout-stable.

Motion

Use quick reveals, state transitions, and progress feedback. Avoid playful bounce effects.

Websites & App Design

Booster photography showing lifestyle context

Interface Context

Photography should drive the interface, supported by clean, modular layout structures.

Website Standards

Use the same modular rhythm as this guideline site: bold section headers, soft cards, restrained colour, clear captions, and direct paths into deeper content.

Need-state menus Ingredient detail Source pages Reusable ordering

Artifacts Needed

Website Templates

Homepage, menu, sourcing, product detail, and sustainability page patterns.

Component Library

Buttons, toggles, cards, forms, drawers, alerts, and navigation states.

App Icon Exports

Home screen, favicon, PWA, and notification icon files.