Home » Branding Guides »
Background
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla velit enim, convallis id semper hendrerit, posuere id lectus. Duis sit amet tempor mauris, lacinia posuere lectus. Donec sed ipsum semper, dictum sem accumsan, ultrices mauris. Ut enim ex, venenatis vitae elit maximus, dictum condimentum elit.
Donec finibus nunc velit, in vulputate leo fringilla sit amet. Sed feugiat massa vel ligula consequat vehicula sit amet sit amet tortor. Proin at porttitor nibh. Mauris ac pulvinar nulla, ullamcorper tristique magna. Duis id quam sed enim gravida ultrices ut sit amet felis.
Opportunity
Vestibulum imperdiet accumsan lorem quis fringilla. Cras tincidunt magna eros, id tempor velit pulvinar eget. Nullam tempor rutrum ligula et ornare. Sed dapibus id quam sit amet malesuada. Cras pulvinar arcu vel tincidunt ullamcorper.
Vestibulum imperdiet accumsan lorem quis fringilla. Cras tincidunt magna eros, id tempor velit pulvinar eget.
Logo & Identity
In all cases of using the logo, an existing logo image must be utilized so variant logos do not come to exist. The standard logo is to always appear with the variations shown on the right.
If the background color is dark and makes reading the standard logo difficult, a white logo as shown below may be used. When possible, the white logo should be placed over top of a branding color.
Primary Palette
#9DB88E
(157, 184, 142)
#719263
(113, 146, 99)
#ACA5A1
(172, 165, 161)
#484844
(72, 72, 68)
Secondary Palette
#9DB88E
(157, 184, 142)
#719263
(113, 146, 99)
#42553A
(66, 85, 58)
#E2DFDF
(226, 223, 223)
#ACA5A1
(172, 165, 161)
#484844
(72, 72, 68)
Imagery
As a startup comapany at the time of the branding guide creation, Scapes did not have a library of company photos. We chose and customized imagery to capitalize on stonework and greenery to go along with the logo and color palettes. We also wanted to highlight trees specifically to tie into the branching lines on the Scapes logo.
- Branded Graphics. Any customized images that can stand alone outside of the website itself, like blog post covers or infographics, should:
- match the primary or secondary color palettes
- use heading and body fonts that match the established website fonts
- visibly display an established variation of the logo on the image
- Icons. Icon colors should match the established primary or secondary color palettes. When possible, use icons from the Font Awesome icon pack.
- Stock Images. Stock images are acceptable but should be modified or personalized to match the established branding and color palettes.
Image Overlays. When applying an image overlay that utilize colors besides black and white, the color should align with the established branding palette as shown above.
Shadows. When applying a shadow isn’t black, white, or gray, the shadow color should align with the established branding palette as shown above.
Typography
Graphics and Images Font. When graphics and images are created with complementary text, the heading and body fonts should match the established website fonts.
Logo Fonts
Primary: 911 Porscha
Website Fonts
Heading: Orbitron (bold)
Body: Montserrat
What Else Branding Guides Include
Branding guides go far beyond basic logo usage, colors, and typography. Those pieces are important, but a well-developed branding guide also helps shape the full visual system of a business.
That can include standards for imagery, icon choices, graphic styling, overlays, shadows, and other supporting design elements. It can also provide direction for how branded materials should look across web pages, social graphics, print pieces, and other marketing assets. The goal is to create consistency so that no matter where someone encounters the brand, it feels recognizable, intentional, and professionally put together.
In that sense, a branding guide is not just a design reference. It is a tool that helps a company present itself more clearly and consistently across everything it creates.
Contact Wes Web for Website Design and Branding Services
Need a branding guide for your business or looking to get a website redesign with your current branding? Wes Web provides web design and digital marketing services for a variety of businesses. Let us create or transform your branding guide!