This guide includes the colors, fonts, and styles used in this template. Feel free to edit it to match your brand, and keep it as a resource for using your branding consistently.

Brand Guide

Learn more about color palettes: heyhello.studio/color

8. Main Background

7. Neutral Background

6. Dark Background

5. Accent Dark
(Optional)

4. Accent Light
(Optional)

3. Accent Color
(Buttons, Links)

2. Light Text

1. Dark Text

Most backgrounds use one of these colors to create visual separation between sections.

Background Colors

These optional colors are used sparingly to draw attention to action items & special call-outs.

Accent Colors

These colors are used for most of the text on the site.

Text Colors

There are 8 colors available in Showit's Design Settings, and the chart below shows how they're used throughout this template. 

Color Palette

Learn more about fonts: heyhello.studio/fonts

Body copy, often in large paragraphs.

Paragraph

Categories or added context to headlines.

Subtitle

Smaller headlines and subcategories.

Heading

Page titles and large headlines 10 words or less.

Title

This is the paragraph font style. This is what is used for body copy throughout this template.
This is the Subheading Style
This is the heading style
This is the title style

These fonts have been carefully selected to work together and provide flexibility. Each style is linked to where you can download or purchase that font.

Fonts & Text Styles

Use this style for buttons that guide the visitor prior to the main CTA, such as Learn More or linking to other internal pages.

Secondary Button Style

Use this style for your main call to action, such as Add to Cart, Book Now, Buy Now, or Request a Consultation.

Primary Button Style

Buttons

These button styles are used consistently throughout the site to make browsing and taking action clear and easy for the visitor.

Unsplash

Kaboompics

Pexels

Photos & videos curated from:

Need help or have questions?