STYLE GUIDE
MAIN COLORS
SECONDARY COLORS
HEADER AND BODY COPY TREATMENT
BOLD COMPRESSED
ABCDEDFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
HEADER AND BODY COPY TREATMENT
BOLD COMPRESSED
ABCDEDFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
COMPRESSED
ABCDEDFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
BODY COPY TREATMENT
ABCDEDFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Bold Condensed
ABCDEDFHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
BOLD COMPRESSED
Header is always BOLD COMPRESSED and in ALL CAPS
BOLD CONDENSED ALL CAPS
CONDENSED
BOLD CONDENSED
Subheader is in a black or white box, BOLD CONDENSED or CONDENSED and in ALL CAPS
Subheader or header cut out of white or black box to reveal image behind Body copy is sentence case, and either white or black type
Headers within a carousel can be sentence case and Bold Compressed.
Carousel with first photo featuring the chef interviewed and second frame is a sound bite of the interview, showing the quote.
Carousel of an average of 6 photos with a variety of angels and settings.
Include product photo, reviewer’s name, their star rating, and the quote.
Carousel featuring recipes from food blogs or social accounts centered around a trend/theme. Will tag and call out location, restaurant, and recipe.
Showcasing the product in use is the best performing posts.
PRODUCT REVIEWS
Sharp and clean look with square containers for header background, image containers, and additional markings.
White box atReveals the image behind the image.
Design element used to underline, use as a way to divide up sections, and a decorative element.
Header text cut out of white bar at 60% to 100% opacity.
Line divides headline and body copy
BOLD COMPRESSED
ABCDEDFHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
BOLD
ABCDEDFHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ABCDEDFHIJKLM NOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ABCDEDFHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
REGULAR
ABCDEDFHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890
BOLD COMPRESSED
Bold and outline section/word to add visual interest
BOLD CONDENSED ALL CAPS
CONDENSED REGULAR
BOLD CONDENSED
Subheader is in a black or white box, BOLD CONDENSED or CONDENSED and in ALL CAPS
Subheader or header cut out of white or black box to reveal image behind Body copy is sentence case, and either white or black type
Headers within a carousel can be sentence case and Bold Compressed.
Working with an influencer featuring our product on their feed organically.
Interview with a bartender who uses Barfly tools.
Include bars that are killing it in the industry, photos of events and lifestyle shots of bartenders.
Carousel featuring recipes from food blogs or social accounts centered around a trend/theme. Will tag and call out location, restaurant, and recipe.
Showcasing the product in use is the best performing posts.
BARTENDING CULTURE
PRODUCT PHOTOS AND REVIEWS
Overlap the text with product.
Focus on clean lines and lots of room for the photos to breath.
Design element used to underline, use as a way to divide up sections, and a decorative element.
Clean grid, minimal design, line to break header from copy
Overlap text with product/ drinks and the overlapped section is outlined