Team Hardy

Global Presets UI Style Guide

This Style Guide is a tool for you to use that will help you maintain cohesive branding across all of your marketing collateral. Whether you are creating new pages on your site, making posts on social media, or designing an awesome sticker, use this page as a reference for maintaining the same styles, colors, and fonts.


BONUS: If you are working with a graphic designer, you can share a link to this page with your designer so that they have access to all of your brand styles!

01. Color palette

In this first section of the style guide, you will find the color palette used throughout your site.

02. Text Styles

In this section of the style guide, are the different text styles that were used throughout your site.

HEADING 1

Kumbh Sans, 50 px, regular

HEADING 2

Kumbh Sans, 30 px, regular

HEADING 3

Kumbh Sans, 24 px, regular

HEADING 4

Kumbh Sans, 18 px, regular

HEADING 5

Kumbh Sans, 15 px, regular

HEADING 6

Work Sans, 15 px, bold

BODY

Poppins, 16px, regular, line height 1.5


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lobortis feugiat vivamus at augue eget arcu dictum varius duis. Tincidunt nunc pulvinar sapien et ligula ullamcorper. Mi tempus imperdiet nulla malesuada.

LINK

Poppins, 16 px, regular

hello@email.com

04. Buttons

Here, you will find the button styles used across your site.

Button 1