Visual style guide — Lea Terblanche Portfolio

The Brief

Create a visual style guide for designers to use to help create a cohesive look and feel as well as help aid with accessibility.

Colour palette and typography

The first part is looking at and establishing the colour palette and seeing what the accessibility option there are and establishing some rules.

Second, review the typographic option and create a hierarchy.

VSG [Recovered]_Colours_1.png

VSG [Recovered]_Colours_3.png

2. Iconography

Create a framework to help create consistent icon styles to be used throughout the brand.

VSG [Recovered]_Icons_1.png

VSG [Recovered]_Icons_2.png

VSG [Recovered]_Icons_2 copy.png

3. Data visualization

Using the color palette and providing some accessibility rules to make sure that the information is clear and simple.

Creating some examples of how the data visualization may look like.

VSG [Recovered]_Data_1 copy.png

VSG [Recovered]_Data_2 copy 2.png

VSG [Recovered]_Data_2 copy 4.png

VSG [Recovered]_Data_1.png

VSG [Recovered]_Data_2.png

VSG [Recovered]_Data_2 copy 3.png

3. Characters

Creating characters that should be used throughout inspired the basic colour palette.

VSG [Recovered]_Characters_1 copy.png

VSG [Recovered]_Characters_1 copy 4.png

VSG [Recovered]_Characters_1 copy 2.png

VSG [Recovered]_Characters_1 copy 3.png

VSG [Recovered]_Characters_1 copy 5.png

Doggie Day Mother (DDM)

Interactive infographic