In a graphic design class, I was tasked with creating an entire mock identity and advertising campaign for a non-profit. This work in no way reflects the branding, design preference, or views of Blood Water Mission.
For this client, I needed to create a logo, business card, letterhead, envelope, three cohesive advertisements, a two page magazine spread and website. The identity evolved throughout the project as I fine tuned the look I was aiming for. The fonts and overall shape of the logo remained the same, however, the colors drastically changed.
The final piece of the project was the website. I created this theme in WordPress to match the branding/identity. This theme is the culmination of a semester of working through the identity package and advertising campaign.
Features: Logo. Identity. Advertisements. Two page spread. Website. WordPress.
Vanilla HTML is a framework built on the concept of not requiring extra markup or class attributes to attain a layout. Just write semantic HTML with some basic knowledge of Vanilla HTML and your layout is done. Seriously, now focus on the things that are actually important, like your design. Oh yeah and Vanilla HTML is 100% responsive.
This framework really emphasizes the power of CSS and harnesses the capabilities of flexbox. There is one class used with vanilla: “vanilla”. Any element that is a direct child of class=”vanilla” will be a row and any element that is a direct child of a row will be a column.
No additional layout styles are applied to other elements, however, typography and base styles are applied to the whole page to give a good baseline as a framework. If this is not desired, there is also a vanilla-extract.css file that can be used within existing projects and will not interfere with existing styles unless specified by class=”vanilla”.
View the source on GitHub
Check out the Demo
Features: LESS. GitHub. Framework.
This piece was a magazine advertisement for a mock gourmet hot chocolate company that was opening a new location. The lodge feel in the advertisement represents the atmosphere the venue offers.