branding elements
In this media kit, you’ll find the essential resources for accurately representing the TubeBuddy brand. Explore our brand colors, logo variations, and guidelines to ensure consistency and authenticity in your TubeBuddy-related content. We appreciate your commitment to upholding our brand identity.
"*" indicates required fields
correct logo usage
Check out our guidelines on how to correctly utilize the logo variations to maintain the integrity and recognition of the TubeBuddy brand.
![](png/correct-tb-logo-on-light.png)
wordmark on light background
![](png/correct-tb-logo-on-dark.png)
wordmark on dark background
![](png/tb-logo-on-light.png)
lettermark on light background
![](png/tb-logo-on-dark.png)
lettermark on dark background
![](png/tubebuddy-logo-spacing-on-light-bg.png)
The wordmark is shown with “by BENlabs” to emphasize the affiliation with our parent company.
The “e” in TubeBuddy provides the proper perimeter spacing distance around the logo as shown.
incorrect logo usage
Thank you for using the TubeBuddy logo properly. Here are a few examples of how the logo should not be presented..
![](png/incorrect-logo-crowded-spacing.png)
don’t crowd the logo with other elements
![](png/incorrect-logo-contrast.png)
don’t use the dark version of the wordmark on a dark background
![](png/incorrect-logo-busy-background.png)
don’t place the logo on top of really busy backgrounds
![](png/incorrect-logo-squished.png)
don’t squish or distort the logo
![](png/incorrect-logo-colors.png)
don’t use wrong colors for the logo
![](png/incorrect-logo-low-resolution.png)
don’t use low resolution versions of the logo
color usage
These are our official brand colors. Note that we use both solid colors and gradients.
Text/Font Colors
For text/font colors, we use a near-black and an off-white.
![](png/placeholder.png)
#FAFAFF
![](png/placeholder.png)
#1D2327
Primary Colors
Used as the main/center of attention, the first color is meant for the main CTA color.
![](png/placeholder.png)
#4BEAD7
![](png/placeholder.png)
#4BEAD7
#4CAAED
#4CAAED
![](png/placeholder.png)
#4BEAD7
#A699E9
#A699E9
Secondary Colors
Used as secondary colors. Great for backgrounds and accent colors.
![](png/placeholder.png)
#D92145
![](png/placeholder.png)
#D92145
#BC25F5
#BC25F5
![](png/placeholder.png)
#D92145
#F89B29
#F89B29
Tertiary Colors
Used as accent colors on darker background colors. These won’t be used as often.
![](png/placeholder.png)
#88EB3E
![](png/placeholder.png)
#88EB3E
#60EFFF
#60EFFF
![](png/placeholder.png)
#88EB3E
#FFF95B
#FFF95B
Background Colors
Used for the main backdrop for text and images.
![](png/placeholder.png)
#0C1942
![](png/placeholder.png)
#28303D
![](png/placeholder.png)
#EFEFF0
![](png/placeholder.png)
#FAFAFF
color usage
Here are our official colors. They come in solids and gradients.
benefit headline
Largest focus body copy, meant for shorter statements, not long paragraphs.
We want to offer benefit-first language. Our main headlines tell a Creator why they need to keep reading. They are fully lowercase with the exception of proper nouns, the names of features, and the word Creator. There are no periods at the end, but could have other kinds of punctuation marks like question marks or exclamation marks.
emphasized words
Sometimes, we really want to emphasize a particular word or two. In these rare cases, this is how we stylize those words.
![](png/tb-emphasized-words-1024x442.png)