click to confirm action
click to confirm action

Snoopal Branding

& Styling guidelines

The Snoopal Logo

Hello,

Welcome to the preview/beta stage of the Snoopal website. Please note that downloads may not be functional on the provided buttons for our artwork. We kindly request that you refrain from forcing downloads and utilizing our artwork in any projects without prior authorization. In the event of an urgent need for the logo, we encourage you to request it by opening a support ticket on our Discord server. Thank you for your understanding and cooperation.

Icon

Introducing the Snoopal Icon (logo). This phase marks a dynamic exploration of our design evolution. Be advised that modifications to its form and structure are anticipated during this refining process.

Wordmark

Our iconic symbol takes center stage, but the Snoopal Wordmark offers versatility. In designs or pages where our brand is less known, it ensures consistency and extends our reach.

Brand Colors

The colors used on our logo that reflect on the identity of our brand. These colors are static and should not be altered or modified in any way.

Brandeis Bolt

#03B3FD #0C63E7
#03B3FD #397EEF

Charcoal

#161616

Plain White

#FFFFFF

Clearspace

In every design, website, or medium, clear space is crucial. It allows our logo to shine, creating a visually distinct presence. Prioritizing clear space ensures that our brand is easily recognizable and stands out in any context.

Contrast & Readability

When it comes to placing our logo on a background, readability is crucial. Aim for a higher contrast ratio to ensure clear visibility. If the contrast falls short, consider adjusting the background or selecting an alternative. For a quick assessment of color contrast, we recommend using coolors.co.

Embracing Simplicity

We prefer displaying our logo on solid colors, mesh gradients, ultra gradients, and similar backgrounds that align with our branding style. Please avoid busy backgrounds or gradients outside our aesthetic.

Styling Guidelines

Please ensure that you have obtained prior permission from Snoopal before using any Snoopal trademarks, logos, or artwork. Additionally, our branding should not be incorporated into merchandise or other commercial products such as clothing.

Things you should do

Use Snoopal's logo to establish a link to Snoopal.com.

Employ the Snoopal logo, specifically the non-word mark design, as a social button for linking your Snoopal profile or resource.

Incorporate the Snoopal logo into a blog post or news article discussing Snoopal.

Ensure that the Snoopal logos are displayed less prominently than your own company, product or logo.

Important

Avoid using the Snoopal name or any Snoopal logo in a manner that implies you are Snoopal, your offering or project is affiliated with Snoopal, or that Snoopal endorses you or your offering or project.

The Snoopal logo should only be utilized for the purpose of referencing Snoopal or the services we provide. Refrain from utilizing any Snoopal logo as the icon or logo for your business/organization, offering, project, domain name, social media account, or website.

We kindly request that you refrain from making any alterations, manipulations, modifications, or reconfigurations to the Snoopal logo, including changes to its color, dimensions, or the combination with other words or design elements.

Color Palettes

Primary & Secondary

When it comes to dark backgrounds and light text, we prioritize a contrasting elegance that enhances readability and visual appeal. We chose to design our website in a dark mode to reduce eye strain and improve user experience.

Vampire Black

#0B0B0B

Smoky Black

#0F0F0F

Chinese Black

#131313

Gray

#818181

Silver Sand

#C3C7C7

White Quartz

#F5F5F5

Accent

While our primary and secondary colors are designed for dark mode, our accent colors are vibrant and dynamic. These colors are used to highlight important elements and create a visually engaging experience for our users.

Malibu

#7189FF

Blueberry

#4782ff

Rose Quartz

#FF5C85

Red Munsell

#F52F57

Eucalyptus

#77DD77

Malachite

#20BF55

Honey

#FFB700

Sandstone

#FF9505

Light Persimmon

#9381FF

Persimmon

#8870FF

Typography & Icons

Typography

After extensive research and testing, we chose Heebo as our primary font. It offers a modern, clean, and versatile design that complements our brand identity. Heebo is available in various weights, which allowed us to create our website almost entirely with only one font.

Aa

Heebo

Light

Aa

Heebo

Regular

Aa

Heebo

Bold

Aa

Heebo

Black

Interface Icons

Created by Flaticon, a trusted source for high-quality icons, these meticulously crafted visuals add both elegance and functionality to our design. From intuitive navigation to expressive graphics, Flaticon UI icons seamlessly integrate into our aesthetic, making every interaction better.

Thin

Straight

Thin

Rounded

Regular

Straight

Regular

Rounded

Bold

Straight

Bold

Rounded

Solid

Straight

Solid

Rounded

Brands

Logo