Brand Guidelines

This guide provides essential guidance and principles for using Bloopy's brand identity across all platforms and communications. It is designed for all external entities engaging with our brand. Adherence to these guidelines is mandatory for all parties using our brand assets.

Logo

Our logo is our most recognizable brand asset. It represents our commitment to simplicity and intelligence. Whenever possible, use the full-color primary logo on light backgrounds.

Primary Logo

On Light Backgrounds

Use the primary full-color logo on white or light-colored backgrounds for maximum brand recognition.

Dark Logo

On Dark Backgrounds

Use the inverted white logo on dark backgrounds to ensure high contrast and legibility.

Clearspace

To maintain the visual integrity and impact of the Bloopy logo, it should always be surrounded by a minimum amount of clear space. This prevents other graphic elements, text, or page borders from interfering with the logo's legibility and prominence.

Logo Clearspace

Color Palette

Our color system is built to balance high-energy action with professional authority. These core colors create a consistent visual language across all our brand touchpoints.

White

White

#ffffff|C0 M0 Y0 K0
Deep Charcoal

Deep Charcoal

#222222|C70 M67 Y64 K74
Guava

Guava

#F45D48|C0 M88 Y77 K0
Kale

Kale

#0A8080|C95 M27 Y51 K7
Bisque

Bisque

#f8f5f2|C2 M2 Y3 K0
Champagne

Champagne

#FFF2DF|C0 M4 Y11 K0
Deep Forest

Deep Forest

#0b373c|C92 M43 Y56 K41
Seafoam

Seafoam

#f9fdfc|C1 M0 Y1 K0

Icon

Our icon is a distilled version of the brand, designed to maintain impact at small scales. Use the icon when the full wordmark is either already present on the page or when space is extremely limited.

Bloopy Icon

Primary Icon

The standalone icon is used for profile pictures, favicons, and as a shorthand mark in compact spaces.

Icon Clearspace

Icon Clearspace

Maintain a clear area around the icon equal to the height of the 'b' to ensure visual impact.

Icon on White

On Light

Standard icon on white backgrounds.

Icon on Dark

On Dark

Inverted icon on charcoal backgrounds.

Icon on Guava

On Guava

Inverted icon on brand orange backgrounds.

Partnership Logo

When representing a partnership, the Bloopy logo is used in conjunction with the partner logo, separated by a vertical divider. Ensure both logos share the same optical height and baseline alignment to maintain visual balance.

Bloopy Logo
P
Partner Brand

Correct Logo Usage

To maintain the visual integrity of our brand, the logo must be used consistently and correctly. Always use the original assets and avoid these common misuses.

Do not skew or distort

Do not skew or distort

Never change the proportions or stretch the logo in any direction.

Do not apply effects

Do not apply effects

Avoid using drop shadows, glows, bevels, or any other layer effects.

Do not remove elements

Do not remove elements

The logo must always appear in its entirety. Do not crop or hide parts.

Do not introduce new colors

Do not introduce new colors

Only use the approved brand colors for the logo as specified in this guide.

Do not apply strokes

Do not apply strokes

Never add outlines, borders, or strokes to any part of the logo.

Do not rotate or angle

Do not rotate or angle

The logo should always be placed horizontally and never rotated.

CTA Background

Try Bloopy free with 150 credits

Start selling, supporting customers, and getting paid — right from your social channels.* No credit card required.

*Starting with WhatsApp, with more channels coming soon. Free trial includes 150 messaging credits to help you get started. No strings attached.