David Simpson

My Design Guide

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas commodo eleifend. In hac habitasse platea dictumst. Phasellus mauris tortor, elementum et sapien ac, accumsan ornare est. Praesent congue nisi eget ullamcorper sagittis.


Typography

A big part of my rebranding is focused around finding a strong distinct typography choice that matches the tone I want for this site. After a good deal of exploration i've settled on Avenir Next Rounded for headlines and Avenir Next for body text. I love the soft warm personality of Avenir Next Pro, it is fun and approachable and should pair nicely with future illustration patterns.

Headings - Avenir Next Rounded

H1 This is a bigly headline.

H2 This is a bigly headline.

H3 This is a bigly headline.

H4 This is a bigly headline.

H5 This is a bigly headline.

Body Text - Avenir Next

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas commodo eleifend. In hac habitasse platea dictumst. Phasellus mauris tortor, elementum et sapien ac, accumsan ornare est. Praesent congue nisi eget ullamcorper sagittis. Nullam tellus felis, venenatis vel massa quis, malesuada tristique metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec placerat turpis. Nulla ultrices libero eu lacus dapibus euismod.


Brand Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas commodo eleifend. In hac habitasse platea dictumst. Phasellus mauris tortor, elementum et sapien ac, accumsan ornare est. Praesent congue nisi eget ullamcorper sagittis. Nullam tellus felis, venenatis vel massa quis, malesuada tristique metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec placerat turpis. Nulla ultrices libero eu lacus dapibus euismod.

Primary
Secondary

Buttons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas commodo eleifend. In hac habitasse platea dictumst. Phasellus mauris tortor, elementum et sapien ac, accumsan ornare est. Praesent congue nisi eget ullamcorper sagittis. Nullam tellus felis, venenatis vel massa quis, malesuada tristique metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec placerat turpis. Nulla ultrices libero eu lacus dapibus euismod.

Primary Button

Primary CTA

Secondary Button

Secondary CTA

Icon Set

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas commodo eleifend. In hac habitasse platea dictumst. Phasellus mauris tortor, elementum et sapien ac, accumsan ornare est. Praesent congue nisi eget ullamcorper sagittis. Nullam tellus felis, venenatis vel massa quis, malesuada tristique metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec placerat turpis. Nulla ultrices libero eu lacus dapibus euismod.

icon problem solvingProblem Solving
icon patiencePatience
icon listenListen
icon researchResearch
icon auditAudit
icon usability testingUsability Testing
icon information architectureInformation Architecture
icon prototypingPrototyping
icon visualVisual
icon specificationSpecifications
icon iteratingIterate