The Magic Behind Art Of Design

As GoodHire continues to grow, one challenge we are faced with is learning how to refine the GoodHire brand identity and apply it cohesively to our product. We created this styleguide to act as a central location where we house a live inventory of brand guidelines, brand assets, UI /UX components, code snippets, developer guidelines and more. Anyone working on the GoodHire product is encouraged to stay familiar with this styleguide and help ensure that it is kept up-to-date.

GoalsBrand Consistency + Cohesive Design Patterns + Design Efficiency

Color Scheme

Color Scheme text

Typography

The logo is the most visible element of our identity– a universal signature across all GoodHire communications. Because the logo is such a recognizable and highly visible brand asset, it is vital that it is always applied consistentlywherever it appears.

Headlines

Marketing Only

Typography

Typography text... The logo is the most visible element of our identity– a universal signature across all GoodHire communications. Because the logo is such a recognizable and highly visible brand asset, it is vital that it is always applied consistentlywherever it appears.

Headlines

Marketing Only

H1 Gotham - Semibold

34px/41px

It’s used in the candidate complete flow container titles, TM purchase container headlines

					
					<h1 class="hm-1">test</h1>
					
				

H2 Source Sans Pro - Regular

22px / 28px

It’s used in the candidate complete flow container titles, TM purchase container headlines

					
					<h1 class="hm-2">test</h1>
					
				

H3 Source Sans Pro -Semibold

28px / 36px

It’s used in the candidate complete flow container titles, TM purchase container headlines

					
					<h1 class="hm-3">test</h1>