Logo

HappyCoaching
Style Guide

This style guide is an overview of the different colors, typography styles, buttons & other elements used in the template.

Template intro

Happy Coaching - a Webflow template with a strong focus on marketing and conversion. Happy Coaching is the perfect base for your consultancy or coaching business, with seperate sales pages, about us pages and an extensive services page you have everything you need to start converting those prospects into clients.

Color Palette

Are you stuck or need some extra custom sections? Mail us at hello@happydigital.nl.

Quickly change all the colors in this template by editing the swatches in the color selector.

Primary Palette

BRAND COLORS
Primary
#3B58C4
Off White
#F9FAFB
Secondary
#2B4892

Greys

HEADING & PARAGRAPH
Grey 900
#0C111D
Grey 800
#101828
Grey 700
#323C3E
Grey 600
#49575A
Grey 500
#4A556C
Grey 400
#607276
Grey 300
#768593
Grey 200
#788D91
Grey 100
#CCD4D6

Typography Styles

Are you stuck or need some extra custom sections? Mail us at hello@happydigital.nl.

Headings

Aa Bb Cc Dd Ee

Heading 1
3rem

Aa Bb Cc Dd Ee

Heading 2
2rem

Aa Bb Cc Dd Ee

Heading 3
1.5rem

Aa Bb Cc Dd Ee

Heading 4
1.5rem
Aa Bb Cc Dd Ee
Heading 5
1.25rem
Aa Bb Cc Dd Ee
Heading 6
1.125rem

Heading classes

Aa Bb Cc Dd Ee

Heading XLarge
3rem

Aa Bb Cc Dd Ee

Heading Large
2rem

Aa Bb Cc Dd Ee

Heading Medium
1.5rem

Aa Bb Cc Dd Ee

Heading Small
1.5rem

Aa Bb Cc Dd Ee

Heading XSmall
1.25rem

Aa Bb Cc Dd Ee

Heading XSmall
1.125rem

Paragraph

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Large
1.1875rem

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Medium
1.125rem

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Small
1 rem

Text weights

This is some text inside of a div block.
Text weight
XBold
This is some text inside of a div block.
Text weight
Bold
This is some text inside of a div block.
Text weight
SemiBold
This is some text inside of a div block.
Text weight
Medium
This is some text inside of a div block.
Text weight
Regular
This is some text inside of a div block.
Text weight
Light

Extra Text styles

This is some text inside of a div block.
Text Style
Strikethrough
This is some text inside of a div block.
Text Style
Italic
This is some text inside of a div block.
Text Style
All caps
This is some text inside of a div block.
Text Style
Muted
This is some text inside of a div block.
Text Style
Nowrap
Text Style
Link

Quotes, Lists & Rich text

Are you stuck or need some extra custom sections? Mail us at hello@happydigital.nl.

Quotes

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Quote 1
Default
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Quote 2
Coloured

Lists

  • Example Item 1
  • Example Item 2
  • Example Item 3
List Dots
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Numbers
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Letters

Rich text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,

This is a link

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

This is a placeholder image.

Form

Are you stuck or need some extra custom sections? Mail us at hello@happydigital.nl.

Form

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Buttons

Are you stuck or need some extra custom sections? Mail us at hello@happydigital.nl.

Button Primary

Button
Button Primary
Button
Button Secondary

Icons

Are you stuck or need some extra custom sections? Mail us at hello@happydigital.nl.

Icons

Expand button