Connect with us

MARKETING

21 Brand Style Guide Examples for Visual Inspiration

Published

on

21 Brand Style Guide Examples for Visual Inspiration

When it comes to building a memorable brand, it’s all about consistency. Like when you’re shopping for your favorite cereal or coffee at the grocery store, you want to be able to spot it from a mile away.

The best brands stick in our brains because their presence is defined by the repetition of the same logo, fonts, colors, and images. Once we see them enough, they become instantly recognizable, bringing us a clear sense of reliability and security.

Developing a consistent brand starts with creating a brand style guide. These branding rule books help graphic designers, marketers, web developers, community managers, and even product packaging departments all stay on the same page, and present a unified vision of the brand to the public.

In this article, we’ll go over what brand guidelines are, elements of a style guide, and some amazing examples of them in action to use as inspiration for your next branding project or website redesign.

What are brand guidelines?

Brand guidelines, also known as a brand style guide, govern the composition, design, and general look-and-feel of a company’s branding. Brand guidelines can dictate the content of a logo, blog, website, advertisement, and similar marketing collateral.

Picture the most recognizable brands you can think of. Chances are, you’ve learned to recognize them because of the consistency across the messaging — written or visual — these brands broadcast. The same brand colors are reflected across them. The language sounds familiar. It’s all very organized and, while not rigid, it’s cohesive.

Here are a few types of guidelines you’d find in a brand style guide and which parts of a brand they can influence.

Download our free resource on how to create your own style guide with brand guidelines templates to follow. Creating a consistent style guide isn’t easy, but with these tools you can build an unforgettable one with ease.

The Elements of a Brand Style Guide

A brand style guide encompasses much more than just a logo. It visually encompasses everything your brand is about — down to your business’ purpose. Here are some key elements that make or break a brand style guide.

  • Mission Statement: Your mission statement is the compass of your brand style guide. It ensures that all your content is working toward the same goal. This statement can guide your blog and paid content, ad copy, visual media and slogan.
  • Buyer Persona: A buyer persona is the fictional representation of your ideal customer. It includes details on your customer’s job title, age, gender and professional challenges — therefore stipulating for whom your brand publishes content. Your buyer persona guides you blog content, ad copy, and visual media.
  • Color Palette: Your color palette is a group of colors your company uses to design its brand, guiding every piece of visual content created. These color combinations often follow HEX or RGB color codes, and govern your logo, web design, printed ads and event collateral.
  • Editorial Style Guide: The job of an editorial style guide is to commit an editorial stylebook on how to phrase certain products, list topics the brand can and cannot write about, and other companies it can mention. Your editorial style guide can guide your blog content, video scripts, website and landing page copy, PR talking points and knowledge base articles.
  • Typography: Typography is a visual element of your brand style guide that goes beyond the font you use in your company logo. It supports your blog design down to the links and copy on your website — even your tagline.

As you can see, the purpose of the brand style guide is to form and maintain all of the various elements of a company that, when combined, spell out the entire brand as it’s recognized.

Intrigued? Check out 21 of the best ones we could find.

1. Medium

Medium emphasizes both typography and color in its brand style guide. Its guide also includes details related to the company’s “Purpose” and “Product Principles.”

See the full brand guide here.

Brand style guide from Medium, featuring a white, black, and green color palette.

Medium brand style guide typohgraphy

Image Source

2. Wolf Circus Jewelry

Wolf Circus Jewelry’s product is all about appearance. Naturally, the company’s style guide is too. The brand’s style guide includes the company’s mission statement, product details, typeface, logo variations, a color palette, and a separate set of guidelines just for advertisements.

See the full brand guide here.

Logo variations for Wolf Circus Jewelry

wolf circus jewelry color palette

Image Source

3. Ollo

Ollo is so into color and typography, it turned its style guide into a game. Click the link below to see how much you can manipulate the brand. It’s the perfect way to show content creators how creative they can get but also still adhere to Ollo’s specific typeface and color codes.

See the full brand guide here.

Ollo brand style guide color palette

ollo brand style guide typography

Image Source

4. Skype

Everyone’s favorite video chat platform also has a squeaky-clean style guide for its brand. Skype, now owned by Microsoft, focuses primarily on its product phrasing and logo placement.

See the full brand guide here.

skype brand style guide logo and icon usage

Image Source

5. Barre & Soul

Barre & Soul’s brand style guide includes variations of its logo, logo spacing, secondary logos, supporting imagery, and a five-color color palette.

See the full brand guide here.

barre & soul brand style guide

barre & soul brand style guide logo imagery and color palette

Image Source

6. Spotify

Spotify’s style guide might appear simple and green, but there’s more to the brand than just a lime green circle. Spotify’s color palette includes three color codes, while the rest of the company’s branding guidelines focus heavily on logo variation and album artwork. The style guide even allows you to download an icon version of its logo, making it easier to represent the company without manually recreating it.

See the full brand guide here.

spotify brand style guidelines logos and color palette

Image Source

7. Jamie Oliver

Jamie Oliver has an extremely thorough brand style guide, covering logo placement across all of its kitchenware products. The company also includes a large color palette with each color sorted by the product it should be shown on.

See the full brand guide here.

Brand style guide for Jamie Oliver with red tiled images showing photography restrictions

Typography guidelines for Jamie Oliver

Image Source

8. Herban Kitchen

Herban Kitchen has both a color and texture palette in its style guide. These guidelines help to show not just how the brand’s logo will appear, but how the company’s various storefronts will look from the outside to potential customers.

See the full brand guide here.

Brand style guide for Herban Kitchen with eight logo variations and six color code tiles

herban kitchen brand style guide

Image Source

9. Urban Outfitters

Photography, color, and even tone of voice appear in Urban Outfitters’ California-inspired brand guidelines. However, the company isn’t shy to include information about its ideal consumer and what the brand believes in, as well.

See the full brand guide here.

Brand style guide for Urban Outfitters with black and white logo variations

urban outfitters brand style guide

Image Source

10. Love to Ride

Love to Ride, a cycling company, is all about color variety in its visually pleasing style guide. The company’s brand guidelines include nine color codes and tons of detail about its secondary logos and imagery.

See the full brand guide here.

Color palette for Love to Ride with nine cool colors in circular icons

Infographic guidelines for Love to Ride

Image Source

11. Barbican

Barbican, an art and learning center in the United Kingdom, sports a loud yet simple style guide focusing heavily on its logo and supporting typefaces.

See the full brand guide here.

barbican brand style guide logo format

Typography guidelines in the style guide of Barbican art and learning centre

Image Source

12. I Love New York

Despite its famously simple t-shirts, I Love New York has a brand style guide. The company begins its guidelines with a thorough explanation of its mission, vision, story, target audience, and tone of voice. Only then does the style guide delve into its logo positioning on various merchandise.

See the full brand guide here.

Brand style guide for I Love New York with logo and gridlines

i love new york brand style guide typography

Image Source

13. Cisco

Cisco’s style guide isn’t just a guide — it’s an interactive brand book. The company takes website visitors page by page through its brand’s vision, mission, strategy, and even its promise before showing users their logo and allowing them to actually type using their proprietary typeface, “CiscoSans.” Where’s Cisco’s color palette, you ask? The business has a separate webpage for just that.

See the full brand guide here.

cisco brand style guide book

cisco brand style guide sans typography

Image Source

14. University of the Arts Helsinki

The style guide of the University of the Arts Helsinki is more of a creative branding album than a traditional marketing guide. It shows you dozens of contexts in which you’d see this school’s provocative logo, including animations.

See the full brand guide here.

university of the arts helsinki brand style guide typography

university of the arts helsinki brand style guide

Image Source

15. NJORD

NJORD’s minimalist style guide gives you everything you’d need to know to design using the brand’s logo and color palette for both web and print.

See the full brand guide here.

Brand style guide for NJORD with black and white logo and color palette

Image Source

16. Espacio Cultural

This cultural center in Argentina has a color palette that’s as elaborate as the artistic workshops it hosts. Nonetheless, the brand does a fantastic job of breaking down every last color code and logo placement you can find — from the building itself to the advertisements promoting it.

See the full brand guide here.

espacio cultural brand style guide

espacio cultural brand style guide

Image Source

17. Alienware

Video gamers know Alienware from its game-friendly computers, but the rest of the world knows it by the brand’s sleek aesthetic. The company organizes its brand style guide into four basic parts: voice, design, photography, and partner. The latter describes (and shows) how the brand interacts with partner brands, such as Star Wars.

See the full brand guide here.

Brand style guide and color palette for Alienware

alienware brand style guide sleek aesthetic

Image Source

18. Netflix

As far as its public brand assets are concerned, Netflix is focused primarily on the treatment of its logo. The company offers a simple set of rules governing the size, spacing, and placement of its famous capitalized typeface, as well as a single color code for its classic red logo.

See the full brand guide here.

netflix brand style guide logo

Image Source

19. Scrimshaw Coffee

Featuring a five-code color palette, this “laid back,” “friendly,” and “modern” brand has a number of secondary logos it embraces in various situations.

See the full brand guide here.

scrimshaw coffee brand style guide color palette and logos

scrimshaw coffee brand style guide

Image Source

20. NASA

NASA’s “Graphics Standards Manual” is as official and complex as you think it is. At 220 pages, the guide describes countless logo placements, color uses, and supporting designs. And yes, NASA’s space shuttles have their own branding rules.

See the full brand guide here.

The NASA Graphics Standards Manual white cover sheet brand style guide

Red color palette of the NASA brand style guide

nasa brand style guide typography

Image Source

21. New York City Transit Authority

Like NASA, the NYCTA has its own Graphics Standards Manual, and it includes some fascinating typography rules for the numbers, arrows, and public transit symbols the average commuter takes for granted every day.

See the full brand guide here.

nycta brand style guide typography

nycta brand style guidelines

Image Source

Build a Memorable Style Guide of Your Own

Once you build your unique brand style guide, customers will recognize your brand and associate it with all the visual cues you want them to. We hope you were inspired by our list of amazing brand style guides and wish you luck in creating a timeless style of your own.


Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address

MARKETING

YouTube Ad Specs, Sizes, and Examples [2024 Update]

Published

on

YouTube Ad Specs, Sizes, and Examples

Introduction

With billions of users each month, YouTube is the world’s second largest search engine and top website for video content. This makes it a great place for advertising. To succeed, advertisers need to follow the correct YouTube ad specifications. These rules help your ad reach more viewers, increasing the chance of gaining new customers and boosting brand awareness.

Types of YouTube Ads

Video Ads

  • Description: These play before, during, or after a YouTube video on computers or mobile devices.
  • Types:
    • In-stream ads: Can be skippable or non-skippable.
    • Bumper ads: Non-skippable, short ads that play before, during, or after a video.

Display Ads

  • Description: These appear in different spots on YouTube and usually use text or static images.
  • Note: YouTube does not support display image ads directly on its app, but these can be targeted to YouTube.com through Google Display Network (GDN).

Companion Banners

  • Description: Appears to the right of the YouTube player on desktop.
  • Requirement: Must be purchased alongside In-stream ads, Bumper ads, or In-feed ads.

In-feed Ads

  • Description: Resemble videos with images, headlines, and text. They link to a public or unlisted YouTube video.

Outstream Ads

  • Description: Mobile-only video ads that play outside of YouTube, on websites and apps within the Google video partner network.

Masthead Ads

  • Description: Premium, high-visibility banner ads displayed at the top of the YouTube homepage for both desktop and mobile users.

YouTube Ad Specs by Type

Skippable In-stream Video Ads

  • Placement: Before, during, or after a YouTube video.
  • Resolution:
    • Horizontal: 1920 x 1080px
    • Vertical: 1080 x 1920px
    • Square: 1080 x 1080px
  • Aspect Ratio:
    • Horizontal: 16:9
    • Vertical: 9:16
    • Square: 1:1
  • Length:
    • Awareness: 15-20 seconds
    • Consideration: 2-3 minutes
    • Action: 15-20 seconds

Non-skippable In-stream Video Ads

  • Description: Must be watched completely before the main video.
  • Length: 15 seconds (or 20 seconds in certain markets).
  • Resolution:
    • Horizontal: 1920 x 1080px
    • Vertical: 1080 x 1920px
    • Square: 1080 x 1080px
  • Aspect Ratio:
    • Horizontal: 16:9
    • Vertical: 9:16
    • Square: 1:1

Bumper Ads

  • Length: Maximum 6 seconds.
  • File Format: MP4, Quicktime, AVI, ASF, Windows Media, or MPEG.
  • Resolution:
    • Horizontal: 640 x 360px
    • Vertical: 480 x 360px

In-feed Ads

  • Description: Show alongside YouTube content, like search results or the Home feed.
  • Resolution:
    • Horizontal: 1920 x 1080px
    • Vertical: 1080 x 1920px
    • Square: 1080 x 1080px
  • Aspect Ratio:
    • Horizontal: 16:9
    • Square: 1:1
  • Length:
    • Awareness: 15-20 seconds
    • Consideration: 2-3 minutes
  • Headline/Description:
    • Headline: Up to 2 lines, 40 characters per line
    • Description: Up to 2 lines, 35 characters per line

Display Ads

  • Description: Static images or animated media that appear on YouTube next to video suggestions, in search results, or on the homepage.
  • Image Size: 300×60 pixels.
  • File Type: GIF, JPG, PNG.
  • File Size: Max 150KB.
  • Max Animation Length: 30 seconds.

Outstream Ads

  • Description: Mobile-only video ads that appear on websites and apps within the Google video partner network, not on YouTube itself.
  • Logo Specs:
    • Square: 1:1 (200 x 200px).
    • File Type: JPG, GIF, PNG.
    • Max Size: 200KB.

Masthead Ads

  • Description: High-visibility ads at the top of the YouTube homepage.
  • Resolution: 1920 x 1080 or higher.
  • File Type: JPG or PNG (without transparency).

Conclusion

YouTube offers a variety of ad formats to reach audiences effectively in 2024. Whether you want to build brand awareness, drive conversions, or target specific demographics, YouTube provides a dynamic platform for your advertising needs. Always follow Google’s advertising policies and the technical ad specs to ensure your ads perform their best. Ready to start using YouTube ads? Contact us today to get started!

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

MARKETING

Why We Are Always ‘Clicking to Buy’, According to Psychologists

Published

on

Why We Are Always 'Clicking to Buy', According to Psychologists

Amazon pillows.

(more…)

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

MARKETING

A deeper dive into data, personalization and Copilots

Published

on

A deeper dive into data, personalization and Copilots

Salesforce launched a collection of new, generative AI-related products at Connections in Chicago this week. They included new Einstein Copilots for marketers and merchants and Einstein Personalization.

To better understand, not only the potential impact of the new products, but the evolving Salesforce architecture, we sat down with Bobby Jania, CMO, Marketing Cloud.

Dig deeper: Salesforce piles on the Einstein Copilots

Salesforce’s evolving architecture

It’s hard to deny that Salesforce likes coming up with new names for platforms and products (what happened to Customer 360?) and this can sometimes make the observer wonder if something is brand new, or old but with a brand new name. In particular, what exactly is Einstein 1 and how is it related to Salesforce Data Cloud?

“Data Cloud is built on the Einstein 1 platform,” Jania explained. “The Einstein 1 platform is our entire Salesforce platform and that includes products like Sales Cloud, Service Cloud — that it includes the original idea of Salesforce not just being in the cloud, but being multi-tenancy.”

Data Cloud — not an acquisition, of course — was built natively on that platform. It was the first product built on Hyperforce, Salesforce’s new cloud infrastructure architecture. “Since Data Cloud was on what we now call the Einstein 1 platform from Day One, it has always natively connected to, and been able to read anything in Sales Cloud, Service Cloud [and so on]. On top of that, we can now bring in, not only structured but unstructured data.”

That’s a significant progression from the position, several years ago, when Salesforce had stitched together a platform around various acquisitions (ExactTarget, for example) that didn’t necessarily talk to each other.

“At times, what we would do is have a kind of behind-the-scenes flow where data from one product could be moved into another product,” said Jania, “but in many of those cases the data would then be in both, whereas now the data is in Data Cloud. Tableau will run natively off Data Cloud; Commerce Cloud, Service Cloud, Marketing Cloud — they’re all going to the same operational customer profile.” They’re not copying the data from Data Cloud, Jania confirmed.

Another thing to know is tit’s possible for Salesforce customers to import their own datasets into Data Cloud. “We wanted to create a federated data model,” said Jania. “If you’re using Snowflake, for example, we more or less virtually sit on your data lake. The value we add is that we will look at all your data and help you form these operational customer profiles.”

Let’s learn more about Einstein Copilot

“Copilot means that I have an assistant with me in the tool where I need to be working that contextually knows what I am trying to do and helps me at every step of the process,” Jania said.

For marketers, this might begin with a campaign brief developed with Copilot’s assistance, the identification of an audience based on the brief, and then the development of email or other content. “What’s really cool is the idea of Einstein Studio where our customers will create actions [for Copilot] that we hadn’t even thought about.”

Here’s a key insight (back to nomenclature). We reported on Copilot for markets, Copilot for merchants, Copilot for shoppers. It turns out, however, that there is just one Copilot, Einstein Copilot, and these are use cases. “There’s just one Copilot, we just add these for a little clarity; we’re going to talk about marketing use cases, about shoppers’ use cases. These are actions for the marketing use cases we built out of the box; you can build your own.”

It’s surely going to take a little time for marketers to learn to work easily with Copilot. “There’s always time for adoption,” Jania agreed. “What is directly connected with this is, this is my ninth Connections and this one has the most hands-on training that I’ve seen since 2014 — and a lot of that is getting people using Data Cloud, using these tools rather than just being given a demo.”

What’s new about Einstein Personalization

Salesforce Einstein has been around since 2016 and many of the use cases seem to have involved personalization in various forms. What’s new?

“Einstein Personalization is a real-time decision engine and it’s going to choose next-best-action, next-best-offer. What is new is that it’s a service now that runs natively on top of Data Cloud.” A lot of real-time decision engines need their own set of data that might actually be a subset of data. “Einstein Personalization is going to look holistically at a customer and recommend a next-best-action that could be natively surfaced in Service Cloud, Sales Cloud or Marketing Cloud.”

Finally, trust

One feature of the presentations at Connections was the reassurance that, although public LLMs like ChatGPT could be selected for application to customer data, none of that data would be retained by the LLMs. Is this just a matter of written agreements? No, not just that, said Jania.

“In the Einstein Trust Layer, all of the data, when it connects to an LLM, runs through our gateway. If there was a prompt that had personally identifiable information — a credit card number, an email address — at a mimum, all that is stripped out. The LLMs do not store the output; we store the output for auditing back in Salesforce. Any output that comes back through our gateway is logged in our system; it runs through a toxicity model; and only at the end do we put PII data back into the answer. There are real pieces beyond a handshake that this data is safe.”

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

Trending