Logo
Logo

Brand Guidelines

Brand Guidelines

This guide defines the visual language, design style, and principles that shape a clear and consistent brand experience, no matter the team or area of expertise.

 

At its core, Brezzels is about enabling creators to express themselves with confidence. This guide lays out the essential design standards that bring our brand to life, from color and typography to tone, visual language, and core design elements.

 

Whether you're designing for digital platforms or printed materials, these guidelines ensure every touchpoint reflects the trust and efficiency at the heart of Brezzels.

Contents

01 Brand Strategy

02 Personality

03 Logo

  1. Product

  2. 04 Color

  3. 05 Typography

  4. 06 Design Elements

  1. Marketing

  2. 07 Tonality

  3. 08 Logo

  4. 09 Color

  5. 10 Typography

  6. 11 Templates

  7. 12 Ressources

  1. Sales

  2. Coming soon

  1. Support

  2. Coming soon

01 Brand Strategy

The creator economy promises freedom, but often delivers pressure, dependency, and loss of control. Creators gain visibility, yet struggle to build something sustainable on their own terms.

 

Brezzels gives creators back that control. We turn exclusivity, closeness, and community into a sustainable business, supported by smart tools, AI assistance, and strong brand protection.

With powerful monetization tools, AI assisted workflows, and built in brand protection, Brezzels removes complexity and replaces stress with clarity. Creators can focus on what matters most. Self expression, meaningful connections, and long term growth.

 

Brezzels isn’t about explicit content. It’s about ownership, trust, and independence. A platform where creative freedom doesn’t come at a cost, but becomes the foundation of a sustainable future.

Who we are

02 Personality

Brezzels is confident, warm, and empowering.

We believe in creative freedom without pressure and independence without isolation.

Our personality is open and energetic, but never loud or exploitative.

We stand for self expression, trust, and ownership, always on the creator’s terms.

Young

Empowering

Energetic

Motivating

Built for creative independence.

Our Vision: why we exist

To create a future where creators can build sustainable businesses without sacrificing freedom, privacy, or control.

Our Mission: what we do

Enable creators to turn exclusivity, closeness, and community into sustainable income through smart tools, AI support, and built in protection.

Our Promise: how we help

We reduce complexity, remove pressure, and give creators the confidence to grow on their own terms.

Tone & Voice

Brezzels uses clear, direct, and human language.

We speak with confidence, but never with pressure.

Our tone is supportive, not instructional.

Professional, but always approachable.

 

We avoid exaggeration, stigma, and urgency-driven messaging.

Instead, we focus on clarity, reassurance, and empowerment.

Sample Copy

You-first language

Less distance. More connection.

We speak directly, openly, and on eye level. This is a space where creators feel seen, not managed.

Conversational tone

Casual. Young. Straightforward.

No pretending. No corporate talk.

Just clear language that feels natural and honest.

Call to Action

Create freely.

Grow confidently.

Make it sustainable.

03 Logo

The Brezzels logo features a distinctive pretzel emblem that gives the brand a clear and recognizable visual identity. Its simple, bold shape is designed to be memorable and to work reliably across digital products, interfaces, and marketing materials.

 

The logo is intentionally clean and flexible, making it easy to use at different sizes and in different contexts. It feels modern and approachable without being overly complex or decorative.

 

Brezzels uses a modular logo system. The logo can appear either as the full logo, combining the emblem with the Brezzels wordmark, or as the standalone emblem, using the pretzel symbol on its own. Both versions are valid and designed to work consistently across all touchpoints.

 

This flexibility allows the Brezzels logo to adapt naturally to product UI, social media, and brand communication while maintaining a coherent and recognizable appearance.

Logo Assets

Primary Lockup

Clearspace

Secondary Lockups

Incorrect Usage

Don’t resize the emblem

Don’t rotate the logo

Don’t recolor the emblem alone

Don’t outline the logo

Don’t reverse the lockup

Don’t add gradients the logo

Product

DesignSystem

Pixel Perfect Design

04 Color

-

Primary Palette

Fluorescent Mint

Hex:

RGB (61, 243, 169)

Turquoise

Hex:

RGB (65, 227, 197)

Full White

Hex:

RGB (255, 255, 255)

Secondary Palette

Black Denim

Hex:

RGB (24, 29, 39)

Charade

Hex:

RGB (37, 43, 55)

Text Palette

Black Denim

Hex:

RGB (24, 29, 39)

Metallic Gunmetal

Hex:

RGB (65, 70, 81)

Accent Palette

Blaze Red

Hex:

RGB (240, 68, 56)

Wild Lime

Hex:

RGB (122, 201, 67)

Happy Yellow

Hex:

RGB (255, 224, 102)

Soothing Orange

Hex:

RGB (255, 168, 107)

Mirror Blue

Hex:

RGB (47, 107, 255)

Go To Pink

Hex:

RGB (255, 79, 148)

Gradient Palette

Gradient Settings

Gradient

05 Typography

Brezzels’ typography is designed to feel clear, modern, and approachable while staying professional and reliable. The combination of a expressive headline font and a highly readable body font reflects our focus on clarity, consistency, and creator-friendly communication.

Large letters in brand typography

Our primary typeface for headlines and key statements (Poppins) brings personality and presence to the brand. With its geometric shapes and optimistic tone, it helps Brezzels feel bold, modern, and expressive without ever becoming overwhelming. This makes it ideal for product messaging, marketing headlines, and moments where we want to stand out.

 

For body text, paragraphs, UI labels, and longer reads, we use a highly legible sans-serif (Inter). Designed specifically for screen readability, it ensures clarity and comfort across all devices. Its neutral and balanced character supports content-heavy interfaces and product flows while keeping the focus on the message itself.

Primary Typeface

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !@#$%^&*()

Secondary Typeface

Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !@#$%^&*()

Headlines

Bring Clarity to Your Creative Space

Poppins

Bold

SemiBold

Medium

Regular

Font size: 72px / 4.5rem

Line height (Leading): 90px / 5.625rem / 125%

-2% Letter Spacing (Tracking)

Whether you’re creating or engaging, Brezzels keeps things clear.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 60px / 3.75rem

Line height (Leading): 72px / 4.5rem / 120%

-2% Letter Spacing (Tracking)

Designed for creators who value clarity and focus.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 48px / 3rem

Line height (Leading): 55px / 3.75rem / 115%

-2% Letter Spacing (Tracking)

A calm space to manage content and connect with your community.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 36px / 2.25rem

Line height (Leading): 44px / 2.75rem / 122%

-2% Letter Spacing (Tracking)

Simple tools that support content creation and everyday workflows.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 30px / 1.875rem

Line height (Leading): 30px / 1.875rem / 127%

0% Letter Spacing (Tracking)

Clear structures that help creators stay organized and in control.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 24px / 1.5rem

Line height (Leading): 32px / 2rem / 133%

0% Letter Spacing (Tracking)

An intuitive platform for creating content and engaging with fans.

Designed to keep workflows clear, structured, and easy to manage.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 20px / 1.25rem

Line height (Leading): 30px / 1.875rem / 150%

0% Letter Spacing (Tracking)

Texts

Thoughtfully designed tools for content, community, and consistency.

Built to support focus, clarity, and everyday creator workflows.

Inter

Bold

SemiBold

Medium

Regular

Font size: 18px / 1.125rem

Line height (Leading): 28px / 1.75rem / 156%

0% Letter Spacing (Tracking)

A structured environment that supports focus across all creator tasks. Designed to reduce

complexity and keep everything easy to navigate. So creators can stay organized and work

with confidence.

Inter

Bold

SemiBold

Medium

Regular

Font size: 16px / 1rem

Line height (Leading): 24px / 1.5rem / 150%

0% Letter Spacing (Tracking)

Carefully built experiences for managing content and community with ease. Designed to keep interactions

clear and predictable. Structured to support focus across everyday workflows. Built to help creators stay

organized and in control.

Inter

Bold

SemiBold

Medium

Regular

Font size: 14px / 0.875rem

Line height (Leading): 20px / 1.25rem / 143%

0% Letter Spacing (Tracking)

A reliable creator platform that brings clarity to content, engagement, and daily workflows. Designed to keep tools

consistent and easy to understand. Structured to support focus across everyday creator tasks. Built to reduce

complexity without limiting flexibility. So creators can work confidently and stay in control.

Inter

Bold

SemiBold

Medium

Regular

Font size: 12px / 0.75rem

Line height (Leading): 18px / 1.125rem / 150%

0% Letter Spacing (Tracking)

06 Design Elements

Some design elements appear consistently across the Brezzels product experience.

They are intentionally reused to create familiarity, clarity, and a cohesive user interface.

Consistent patterns help users navigate the product with confidence and ease.

Cards

Website: “Hero”-Section

Website: “Successful Creators use Brezzels”-Section

Website: “Family”-Section

Product: Login on Tablet & Desktop

Floating Emojis

Website: “Hero”-Section

Product: Newsroom Posts

Product: Newsroom Posts

✨ 🙌🏼 💸 👍 👀 📣 🔥 💥 🚀

Often used Emojis

Corner Radius

Avatar Component in Messenger

Creator Home Tab

Post Creation

Modals

Website: “Hero”-Section

Website: “Successful Creators use Brezzels”-Section

Marketing

AI Images

Social Media

Guide

07 Tonality

-

Correct Usage

Coming Soon!

08 Logo

-

Coming Soon!

Correct Usage

Incorrect Usage

Use only approved brand colors

Use only approved logo versions

Don’t recolor the emblem alone

09 Color

-

Correct Usage

Coming Soon!

10 Typography

-

Correct Usage

Coming Soon!

11 Templates

-

Correct Usage

Coming Soon!

12 Ressources

Coming Soon!

Sharepoint

Cavok

Sales

Coming Soon!

Support

Coming Soon!

© Brezzels

All Rights Reserved

|

|

|

|

Logo
Logo

Brand Guidelines

Brand Guidelines

This guide defines the visual language, design style, and principles that shape a clear and consistent brand experience, no matter the team or area of expertise.

 

At its core, Brezzels is about enabling creators to express themselves with confidence. This guide lays out the essential design standards that bring our brand to life, from color and typography to tone, visual language, and core design elements.

 

Whether you're designing for digital platforms or printed materials, these guidelines ensure every touchpoint reflects the trust and efficiency at the heart of Brezzels.

Contents

01 Brand Strategy

02 Personality

03 Logo

  1. Product

  2. 04 Color

  3. 05 Typography

  4. 06 Design Elements

  1. Marketing

  2. 07 Tonality

  3. 08 Logo

  4. 09 Color

  5. 10 Typography

  6. 11 Templates

  7. 12 Ressources

  1. Sales

  2. Coming soon

  1. Support

  2. Coming soon

01 Brand Strategy

The creator economy promises freedom, but often delivers pressure, dependency, and loss of control. Creators gain visibility, yet struggle to build something sustainable on their own terms.

 

Brezzels gives creators back that control. We turn exclusivity, closeness, and community into a sustainable business, supported by smart tools, AI assistance, and strong brand protection.

With powerful monetization tools, AI assisted workflows, and built in brand protection, Brezzels removes complexity and replaces stress with clarity. Creators can focus on what matters most. Self expression, meaningful connections, and long term growth.

 

Brezzels isn’t about explicit content. It’s about ownership, trust, and independence. A platform where creative freedom doesn’t come at a cost, but becomes the foundation of a sustainable future.

Who we are

02 Personality

Brezzels is confident, warm, and empowering.

We believe in creative freedom without pressure and independence without isolation.

Our personality is open and energetic, but never loud or exploitative.

We stand for self expression, trust, and ownership, always on the creator’s terms.

Young

Empowering

Energetic

Motivating

Built for creative independence.

Our Vision: why we exist

To create a future where creators can build sustainable businesses without sacrificing freedom, privacy, or control.

Our Mission: what we do

Enable creators to turn exclusivity, closeness, and community into sustainable income through smart tools, AI support, and built in protection.

Our Promise: how we help

We reduce complexity, remove pressure, and give creators the confidence to grow on their own terms.

Tone & Voice

Brezzels uses clear, direct, and human language.

We speak with confidence, but never with pressure.

Our tone is supportive, not instructional.

Professional, but always approachable.

 

We avoid exaggeration, stigma, and urgency-driven messaging.

Instead, we focus on clarity, reassurance, and empowerment.

Sample Copy

You-first language

Less distance. More connection.

We speak directly, openly, and on eye level. This is a space where creators feel seen, not managed.

Conversational tone

Casual. Young. Straightforward.

No pretending. No corporate talk.

Just clear language that feels natural and honest.

Call to Action

Create freely.

Grow confidently.

Make it sustainable.

03 Logo

The Brezzels logo features a distinctive pretzel emblem that gives the brand a clear and recognizable visual identity. Its simple, bold shape is designed to be memorable and to work reliably across digital products, interfaces, and marketing materials.

 

The logo is intentionally clean and flexible, making it easy to use at different sizes and in different contexts. It feels modern and approachable without being overly complex or decorative.

 

Brezzels uses a modular logo system. The logo can appear either as the full logo, combining the emblem with the Brezzels wordmark, or as the standalone emblem, using the pretzel symbol on its own. Both versions are valid and designed to work consistently across all touchpoints.

 

This flexibility allows the Brezzels logo to adapt naturally to product UI, social media, and brand communication while maintaining a coherent and recognizable appearance.

Logo Assets

Primary Lockup

Clearspace

Secondary Lockups

Incorrect Usage

Don’t resize the emblem

Don’t rotate the logo

Don’t recolor the emblem alone

Don’t outline the logo

Don’t reverse the lockup

Don’t add gradients the logo

Product

Design System

Pixel Perfect Design

04 Color

-

Primary Palette

Fluorescent Mint

Hex:

RGB (61, 243, 169)

Turquoise

Hex:

RGB (65, 227, 197)

Full White

Hex:

RGB (255, 255, 255)

Secondary Palette

Black Denim

Hex:

RGB (24, 29, 39)

Charade

Hex:

RGB (37, 43, 55)

Text Palette

Black Denim

Hex:

RGB (24, 29, 39)

Metallic Gunmetal

Hex:

RGB (65, 70, 81)

Accent Palette

Blaze Red

Hex:

RGB (240, 68, 56)

Wild Lime

Hex:

RGB (122, 201, 67)

Happy Yellow

Hex:

RGB (255, 224, 102)

Soothing Orange

Hex:

RGB (255, 168, 107)

Mirror Blue

Hex:

RGB (47, 107, 255)

Go To Pink

Hex:

RGB (255, 79, 148)

Gradient Palette

Gradient Settings

Gradient

05 Typography

Brezzels’ typography is designed to feel clear, modern, and approachable while staying professional and reliable. The combination of a expressive headline font and a highly readable body font reflects our focus on clarity, consistency, and creator-friendly communication.

Large letters in brand typography

Our primary typeface for headlines and key statements (Poppins) brings personality and presence to the brand. With its geometric shapes and optimistic tone, it helps Brezzels feel bold, modern, and expressive without ever becoming overwhelming. This makes it ideal for product messaging, marketing headlines, and moments where we want to stand out.

 

For body text, paragraphs, UI labels, and longer reads, we use a highly legible sans-serif (Inter). Designed specifically for screen readability, it ensures clarity and comfort across all devices. Its neutral and balanced character supports content-heavy interfaces and product flows while keeping the focus on the message itself.

Primary Typeface

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !@#$%^&*()

Secondary Typeface

Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !@#$%^&*()

Headlines

Bring Clarity to Your Creative Space

Poppins

Bold

SemiBold

Medium

Regular

Font size: 72px / 4.5rem

Line height (Leading): 90px / 5.625rem / 125%

-2% Letter Spacing (Tracking)

Whether you’re creating or engaging, Brezzels keeps things clear.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 60px / 3.75rem

Line height (Leading): 72px / 4.5rem / 120%

-2% Letter Spacing (Tracking)

Designed for creators who value clarity and focus.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 48px / 3rem

Line height (Leading): 55px / 3.75rem / 115%

-2% Letter Spacing (Tracking)

A calm space to manage content and connect with your community.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 36px / 2.25rem

Line height (Leading): 44px / 2.75rem / 122%

-2% Letter Spacing (Tracking)

Simple tools that support content creation and everyday workflows.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 30px / 1.875rem

Line height (Leading): 30px / 1.875rem / 127%

0% Letter Spacing (Tracking)

Clear structures that help creators stay organized and in control.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 24px / 1.5rem

Line height (Leading): 32px / 2rem / 133%

0% Letter Spacing (Tracking)

An intuitive platform for creating content and engaging with fans. Designed to keep workflows clear, structured, and easy to manage.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 20px / 1.25rem

Line height (Leading): 30px / 1.875rem / 150%

0% Letter Spacing (Tracking)

Texts

Thoughtfully designed tools for content, community, and consistency.

Built to support focus, clarity, and everyday creator workflows.

Inter

Bold

SemiBold

Medium

Regular

Font size: 18px / 1.125rem

Line height (Leading): 28px / 1.75rem / 156%

0% Letter Spacing (Tracking)

A structured environment that supports focus across all creator tasks. Designed to reduce complexity and keep everything easy to navigate. So creators can stay organized and work with confidence.

Inter

Bold

SemiBold

Medium

Regular

Font size: 16px / 1rem

Line height (Leading): 24px / 1.5rem / 150%

0% Letter Spacing (Tracking)

Carefully built experiences for managing content and community with ease. Designed to keep interactions clear and predictable. Structured to support focus across everyday workflows. Built to help creators stay organized and in control.

Inter

Bold

SemiBold

Medium

Regular

Font size: 14px / 0.875rem

Line height (Leading): 20px / 1.25rem / 143%

0% Letter Spacing (Tracking)

A reliable creator platform that brings clarity to content, engagement, and daily workflows. Designed to keep tools consistent and easy to understand. Structured to support focus across everyday creator tasks. Built to reduce complexity without limiting flexibility. So creators can work confidently and stay in control.

Inter

Bold

SemiBold

Medium

Regular

Font size: 12px / 0.75rem

Line height (Leading): 18px / 1.125rem / 150%

0% Letter Spacing (Tracking)

06 Design Elements

Some design elements appear consistently across the Brezzels product experience.

They are intentionally reused to create familiarity, clarity, and a cohesive user interface.

Consistent patterns help users navigate the product with confidence and ease.

Cards

Website: “Hero”-Section

Website: “Successful Creators use Brezzels”-Section

Website: “Family”-Section

Product: Login on Tablet & Desktop

Floating Emojis

Website: “Hero”-Section

Product: Newsroom Posts

Product: Newsroom Posts

✨ 🙌🏼 💸 👍 👀 📣 🔥 💥 🚀

Often used Emojis

Corner Radius

Avatar Component in Messenger

Creator Home Tab

Post Creation

Modals

Website: “Hero”-Section

Website: “Successful Creators use Brezzels”-Section

Marketing

AI Images

Social Media Guide

07 Tonality

-

Correct Usage

Coming Soon!

08 Logo

-

Coming Soon!

Correct Usage

Incorrect Usage

Use only approved brand colors

Use only approved logo versions

Don’t recolor the emblem alone

09 Color

-

Correct Usage

Coming Soon!

10 Typography

-

Correct Usage

Coming Soon!

11 Templates

-

Correct Usage

Coming Soon!

12 Ressources

Sharepoint

Cavok

Coming Soon!

Sales

Coming Soon!

Support

Coming Soon!

© Brezzels

All Rights Reserved

Logo
Logo

Brand Guidelines

Brand Guidelines

This guide defines the visual language, design style, and principles that shape a clear and consistent brand experience, no matter the team or area of expertise.

 

At its core, Brezzels is about enabling creators to express themselves with confidence. This guide lays out the essential design standards that bring our brand to life, from color and typography to tone, visual language, and core design elements.

 

Whether you're designing for digital platforms or printed materials, these guidelines ensure every touchpoint reflects the trust and efficiency at the heart of Brezzels.

Contents

01 Brand Strategy

02 Personality

03 Logo

  1. Product

  2. 04 Color

  3. 05 Typography

  4. 06 Design Elements

  1. Marketing

  2. 07 Tonality

  3. 08 Logo

  4. 09 Color

  5. 10 Typography

  6. 11 Templates

  7. 12 Ressources

  1. Sales

  2. Coming soon

  1. Support

  2. Coming soon

01 Brand Strategy

The creator economy promises freedom, but often delivers pressure, dependency, and loss of control. Creators gain visibility, yet struggle to build something sustainable on their own terms.

 

Brezzels gives creators back that control. We turn exclusivity, closeness, and community into a sustainable business, supported by smart tools, AI assistance, and strong brand protection.

With powerful monetization tools, AI assisted workflows, and built in brand protection, Brezzels removes complexity and replaces stress with clarity. Creators can focus on what matters most. Self expression, meaningful connections, and long term growth.

 

Brezzels isn’t about explicit content. It’s about ownership, trust, and independence. A platform where creative freedom doesn’t come at a cost, but becomes the foundation of a sustainable future.

Who we are

02 Personality

Brezzels is confident, warm, and empowering.

We believe in creative freedom without pressure and independence without isolation.

Our personality is open and energetic, but never loud or exploitative.

We stand for self expression, trust, and ownership, always on the creator’s terms.

Young

Empowering

Energetic

Motivating

Built for creative independence.

Our Vision: why we exist

To create a future where creators can build sustainable businesses without sacrificing freedom, privacy, or control.

Our Mission: what we do

Enable creators to turn exclusivity, closeness, and community into sustainable income through smart tools, AI support, and built in protection.

Our Promise: how we help

We reduce complexity, remove pressure, and give creators the confidence to grow on their own terms.

Tone & Voice

Brezzels uses clear, direct, and human language.

We speak with confidence, but never with pressure.

Our tone is supportive, not instructional.

Professional, but always approachable.

 

Within the product, language serves a more functional purpose than in marketing.

It focuses on clarity, guidance, and clear actions, without becoming instructional in tone.

Even when providing directions or system messages, we remain calm, respectful, and supportive.

 

We avoid exaggeration, stigma, and urgency-driven messaging.

Instead, we focus on clarity, reassurance, and empowerment.

Sample Copy

You-first language

Less distance. More connection.

We speak directly, openly, and on eye level. This is a space where creators feel seen, not managed.

Conversational tone

Casual. Young. Straightforward.

No pretending. No corporate talk.

Just clear language that feels natural and honest.

Call to Action

Create freely.

Grow confidently.

Make it sustainable.

03 Logo

The Brezzels logo features a distinctive pretzel emblem that gives the brand a clear and recognizable visual identity. Its simple, bold shape is designed to be memorable and to work reliably across digital products, interfaces, and marketing materials.

 

The logo is intentionally clean and flexible, making it easy to use at different sizes and in different contexts. It feels modern and approachable without being overly complex or decorative.

 

Brezzels uses a modular logo system. The logo can appear either as the full logo, combining the emblem with the Brezzels wordmark, or as the standalone emblem, using the pretzel symbol on its own. Both versions are valid and designed to work consistently across all touchpoints.

 

This flexibility allows the Brezzels logo to adapt naturally to product UI, social media, and brand communication while maintaining a coherent and recognizable appearance.

Logo Assets

Primary Lockup

Clearspace

Secondary Lockups

Incorrect Usage

Don’t resize the emblem

Don’t rotate the logo

Don’t recolor the emblem alone

Don’t outline the logo

Don’t reverse the lockup

Don’t add gradients the logo

Product

Design System

Pixel Perfect Design

04 Color

-

Primary Palette

Fluorescent Mint

Hex:

RGB (61, 243, 169)

Turquoise

Hex:

RGB (65, 227, 197)

Full White

Hex:

RGB (255, 255, 255)

Secondary Palette

Black Denim

Hex:

RGB (24, 29, 39)

Charade

Hex:

RGB (37, 43, 55)

Text Palette

Black Denim

Hex:

RGB (24, 29, 39)

Metallic Gunmetal

Hex:

RGB (65, 70, 81)

Accent Palette

Blaze Red

Hex:

RGB (240, 68, 56)

Wild Lime

Hex:

RGB (122, 201, 67)

Happy Yellow

Hex:

RGB (255, 224, 102)

Soothing Orange

Hex:

RGB (255, 168, 107)

Mirror Blue

Hex:

RGB (47, 107, 255)

Go To Pink

Hex:

RGB (255, 79, 148)

Gradient Palette

Gradient Settings

Gradient

05 Typography

Brezzels’ typography is designed to feel clear, modern, and approachable while staying professional and reliable. The combination of a expressive headline font and a highly readable body font reflects our focus on clarity, consistency, and creator-friendly communication.

Large letters in brand typography

Our primary typeface for headlines and key statements (Poppins) brings personality and presence to the brand. With its geometric shapes and optimistic tone, it helps Brezzels feel bold, modern, and expressive without ever becoming overwhelming. This makes it ideal for product messaging, marketing headlines, and moments where we want to stand out.

 

For body text, paragraphs, UI labels, and longer reads, we use a highly legible sans-serif (Inter). Designed specifically for screen readability, it ensures clarity and comfort across all devices. Its neutral and balanced character supports content-heavy interfaces and product flows while keeping the focus on the message itself.

Primary Typeface

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !@#$%^&*()

Secondary Typeface

Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !@#$%^&*()

Headlines

Bring Clarity to Your Creative Space

Poppins

Bold

SemiBold

Medium

Regular

Font size: 72px / 4.5rem

Line height (Leading): 90px / 5.625rem / 125%

-2% Letter Spacing (Tracking)

Whether you’re creating or engaging, Brezzels keeps things clear.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 60px / 3.75rem

Line height (Leading): 72px / 4.5rem / 120%

-2% Letter Spacing (Tracking)

Designed for creators who value clarity and focus.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 48px / 3rem

Line height (Leading): 55px / 3.75rem / 115%

-2% Letter Spacing (Tracking)

A calm space to manage content and connect with your community.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 36px / 2.25rem

Line height (Leading): 44px / 2.75rem / 122%

-2% Letter Spacing (Tracking)

Simple tools that support content creation and everyday workflows.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 30px / 1.875rem

Line height (Leading): 30px / 1.875rem / 127%

0% Letter Spacing (Tracking)

Clear structures that help creators stay organized and in control.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 24px / 1.5rem

Line height (Leading): 32px / 2rem / 133%

0% Letter Spacing (Tracking)

An intuitive platform for creating content and engaging with fans.

Designed to keep workflows clear, structured, and easy to manage.

Poppins

Bold

SemiBold

Medium

Regular

Font size: 20px / 1.25rem

Line height (Leading): 30px / 1.875rem / 150%

0% Letter Spacing (Tracking)

Texts

Thoughtfully designed tools for content, community, and consistency.

Built to support focus, clarity, and everyday creator workflows.

Inter

Bold

SemiBold

Medium

Regular

Font size: 18px / 1.125rem

Line height (Leading): 28px / 1.75rem / 156%

0% Letter Spacing (Tracking)

A structured environment that supports focus across all creator tasks. Designed to reduce

complexity and keep everything easy to navigate. So creators can stay organized and work

with confidence.

Inter

Bold

SemiBold

Medium

Regular

Font size: 16px / 1rem

Line height (Leading): 24px / 1.5rem / 150%

0% Letter Spacing (Tracking)

Carefully built experiences for managing content and community with ease. Designed to keep interactions

clear and predictable. Structured to support focus across everyday workflows. Built to help creators stay

organized and in control.

Inter

Bold

SemiBold

Medium

Regular

Font size: 14px / 0.875rem

Line height (Leading): 20px / 1.25rem / 143%

0% Letter Spacing (Tracking)

A reliable creator platform that brings clarity to content, engagement, and daily workflows. Designed to keep tools

consistent and easy to understand. Structured to support focus across everyday creator tasks. Built to reduce

complexity without limiting flexibility. So creators can work confidently and stay in control.

Inter

Bold

SemiBold

Medium

Regular

Font size: 12px / 0.75rem

Line height (Leading): 18px / 1.125rem / 150%

0% Letter Spacing (Tracking)

06 Design Elements

Some design elements appear consistently across the Brezzels product experience.

They are intentionally reused to create familiarity, clarity, and a cohesive user interface.

Consistent patterns help users navigate the product with confidence and ease.

Cards

Website: “Hero”-Section

Website: “Successful Creators use Brezzels”-Section

Website: “Family”-Section

Product: Login on Tablet & Desktop

Floating Emojis

Website: “Hero”-Section

Product: Newsroom Posts

Product: Newsroom Posts

✨ 🙌🏼 💸 👍 👀 📣 🔥 💥 🚀

Often used Emojis

Corner Radius

Website: “Hero”-Section

Website: “Successful Creators use Brezzels”-Section

Avatar Component in Messenger

Creator Home Tab

Post Creation

Modals

Marketing

AI Images

Social Media Guide

07 Tonality

-

Correct Usage

Coming Soon!

08 Logo

-

Correct Usage

Coming Soon!

Incorrect Usage

Use only approved brand colors

Use only approved logo versions

Don’t recolor the emblem alone

09 Color

-

Correct Usage

Coming Soon!

10 Typography

-

Correct Usage

Coming Soon!

11 Templates

-

Correct Usage

Coming Soon!

12 Ressources

Sharepoint

Cavok

Coming Soon!

Sales

Coming Soon!

Support

Coming Soon!