Project 365

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

Comforta, 50 px, bold

HEADING 2

Comforta, 40 px, bold

HEADING 3

Comforta, 24 px, bold

HEADING 4

Comforta, 18 px, bold

HEADING 5

Comforta, 15 px, bold

HEADING 6

Comforta, 14 px, regular

BODY

Mulish 18px, 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.

03. Buttons

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