Tekne Personal Traning

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

MONTSERRAT EXTRABOLD

60PX

HEADING 2

MONTSERRAT | BOLD | 36PX

HEADING 3

MONTSERRAT | REGULAR | 24PX

HEADING 4

MONTSERRAT | BOLD | 16PX

HEADING 5

MONTSERRAT | SEMIBOLD | 14PX

HEADING 6

MONTSERRAT | SEMIBOLD | 12PX

BODY

Lato | Regular | 16px


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

Lato | Regular | 16px

hello@email.com

04. Buttons

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