brand guide
welcome to stircrazy Stircrazy uses smart data to help connect you to bars, clubs, pubs and other night life venues that fit you in your city and while traveling to new cities. This document is a comprehensive guide on how to visually express Stricrazy’s brand.
table of
Contents logos Master Logo Horizontal Lockup Vertical Lockup App Icon Improper Usage
supporting asthetics Typography Colors Patterns
logos
master logo This is Stircrazy’s primary visual mark on the world Use this logo whenever possible Do not reproduce the Stircrazy logo Always use official assets from stircrazyapp.com/brandguide/
color
horizontal lockup The horizontal lockup should be used whenever possible. It is the primary lockup. Always be sure to include enough clearspace around the lockup. The clearspace is double the space between the logo & word mark.
2x
2x
grayscale
2x 1x
2x
Lockup clearspace
color
vertical lockup The horizontal lockup should only be used in situations where the primary horizontal lockup would not visually be appropriate. Always be sure to include enough clearspace around the lockup. The clearspace is the x-height of the workmark
1x
1x
1x
grayscale 1x
1x
Lockup clearspace
app icon This is the icon that will be used on both iOS & Android
improper usage Don’t remove the white stroke around the logo
Don’t modify the colors of the logo
Don’t alter the proportion of the logo
Don’t rotate the logo
Don’t alter the rule weight on the logo
Don’t add extra effects to the logo
It’s important that Stircrazy is presented consistently and properly. Here are a things not do when displaying our logo. This is just a list of obvious rules, there are other improper usages. As a rule of thumb, you should always strive to not modify the logo.
supporting asthetics
Aa primary typeface
Montserrat
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 headline [18 pt Lowercase • Magenta • Bold] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius lectus sed neque condimentum aliquam. [12pt. • CS Purple 70% • Regular ]
typography Montserrat is the primary typeface to be used with the Stircrazy brand. The headline & body typography styles shown to the left are just the default styles. Other typography styles can be used as long as they meet the following criteria: • The color is one of the approved Stircrazy brand colors • The font is Montserrat. No other font’s should be used. As a general rule of thumb the typography styles aside should be used when possible. Particularly when on a white background. In cases where these styles will not work it is recommended that headlines stay bold and body copy use the regular weight.
magenta cmyk rgb hex
0, 94, 38, 0 238, 50, 106 #ee326a
orange cmyk rgb hex
0, 79, 82, 0 241, 92, 60 #f15c3c
colors The following colors are approved for usage with the Stircrazy brand. We should always strive to stay consistent towards these colors. Also displayed is the Stircrazy gradient which is modeled from the logo itself. No other gradients should be used.
purple cmyk 26, 33, 0, 54 rgb 87, 78, 117 hex #574e75 pantone 2765U
black cmyk 72, 69, 60, 69 37, 34, 39 rgb #252227 hex
gradient stop 1 stop 2 angle
orange magenta 90°
horizontal swirl pattern This horizontal swirl pattern can be used to add visual flair & brand identity to a horizontal background. alignment The swirl should be 1/10th larger than the width of the background and centered vertically. Horizontally the swirl should be offset from the center by 1/3rd of the width of the swirl to the right. color The background can be any of the brand’s approved colors / gradients. The swirl should be pure white at 10% opacity.
vertical swirl pattern This vertical swirl pattern can be used to add visual flair & brand identity to a vertical background. alignment The swirl should be 1/10th larger than the height of the background and centered vertically. Horizontally the swirl should be offset from the center of the background by 1/10th of the width of the swirl to the left. color The background can be any of the brand’s approved colors / gradients. The swirl should be pure white at 10% opacity.
questions? Contact us at info@stircrazyapp.com or fill out the contact form at stircrazyapp.com/contact
© 2016 • all rights reserved • Stircrazy • stircrazyapp.com
brand guide & logo designed by Brandon Beeler