Heyo! Welcome to the full breakdown of the branding for Garris GFX! This was the first round of brand design and set the tone for a lot of the advertisements you may have seen on social media. Scroll to explore, & thank you for taking a look.
Thumbnail
This image showcases custom typography created for this project set against a monochromatic angular background. It sets an editorial tone without being too stuffy. It’s edgy and modern.
In this image a custom background accompanies the brand's typography to create a thumbnail design they can use to feature the logo.
Custom Typography
This project demanded its own typography. That means creating each character from scratch. The logomark features this typeface, so it was best to create the rest of the letters to use in the future. Thus, Garris Sans was born.
Typography has tons of particular rules. In this image some of those rules are illustrated using the typeface "Garris Sans." Annotations help to guide the viewer through the image and to understand how the typeface was created.
Logo Mark & Horizontal Logo Usage
Logo design requires more than just a logo mark. Horizontal, vertical, & circular usages are just some of the variations a logo can have. In this image the logo mark is partnered with inverted versions of the horizontal application of this logo.
A grid system helps the viewer understand the rigid spacing the logomark uses in construction. Beside the logo mark inverted versions of the horizontal logo showcase the subtle color system.
Social Media & Web Presence
One of the requirements of a rebrand is a new profile picture. In this image an entire breakdown of how Garris GFX will look is shown, including the favicon, profile picture, banners, and more.
Although the cards you see in the image are imaginary, they help the user visualize how the branding would look from their browser, in their social media feeds, or elsewhere.
Iconography
To illustrate different sectors of the graphic design biz, it was beneficial to start a style for the brand iconography. Clean white lines on a dark background provide modern contrast while staying simple and easy to read.
This grid of icons is helpful whether it's handmade from scratch or downloaded from an asset library. Icons help illustrate concepts cleanly, with fewer words.
Website Concept
Using some of the gradients chosen for this project and the logomark, a simple color hierarchy was established for the Garris GFX website. Although this area could be developed more, it sets the brand one step closer to an EPIC website.
Using Adobe Illustrator, a rudimentary mock-up of the Garris GFX website looks clean, professional, and ready to showcase some graphic design work.
Brand Splash
In this image several assets come together to give the viewer an at-a-glance look at the brand as a whole, from application design, iconography, color systems, & more. These elements combine to create an easy-to-digest snapshot of how the brand has come together.
In the brand splash above, tiles are arranged to give the viewer a quick impression of the brand. For this project, editorial and edgy go hand in hand.
Color System
The goal for this color system was to anchor the brand in a solid base lacking any color. This was intentional, as to bring the focus of the viewer to any projects/resources that Garris GFX creates. Subtle nods towards modern sophistication keep the focus where it matters most: The Work.
In this image 5 color tiles represent the color system chosen for Garris GFX. In instances where black sits on top of black, it is established that a white outline be put in place for legibility.
Mailer Card
The first step into the world of printed marketing materials. This design represents a mailer card advertisement Garris GFX could use to connect with businesses in Wilmington, NC.
This mock-up was created by hand in Adobe Illustrator using a few shadow meshes. Both sides are present, with one floating in an abstract manner.
This image is a more easy-to-understand version of the same mailer card from above. Designed areas are blocked, including an area of white space reserved for Direct-to-Mail services.
