Global Style Guide
Media, Fonts, Layouts and styles

A set of standards that defines your company’s online branding. It references media usage, colors, visuals, fonts and more.

Color palette

These text modules include background colors and hex codes for the colors to be used throughout the site. Copy and paste the hex codes as needed.

#974dc0

#ffe657

#008040

#f5f1ff

#e2b313

#787878

#f6f6f6

#e9e5f2

#f5f7f7

#000000

#ffffff

#ffd038

#ffe555

#9349be

#a050c9

Fonts Used

Poppins, Raleway, sans-serif

Text styles

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Testimonial

Im thankful that you create a very helpful site, it will help a lot of artist that has no capability to pay ads like me.. I am so glad I found an online place which appreciates arts and crafts like what we are doing not to mention that it brings makers closer to prospective customers… Again thank you sooo much for the opportunity

Aron Scarinzi

Founder and CEO, State Creative

BUTTON MODULES

Button 1

Button 2

Button 3

Button 4

Toggle style

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Image sizes

It’s a best practice to keep the image weight below 200kb.

Makeplease Haley Davis the founder displays profile
Makeplease founder

Homepage Banner Image

733 x718px

File type: PNG

Homepage – Entry Point Image

261 x 238px

File type: PNG

Home Haley Image

735x 735 px

File type: PNG

Meet Haley Image

500 x 500px

File type: PNG

Haley Main Image

762 x 884px

File type: PNG

Blog Image

780 x 425px

File type: JPG

Testimonial Image

300 x 300px

File type: JPG

x
Open popup

Pin It on Pinterest