Style Guide

  1. Home
  2. Style guide

Font Family

For Heading

Nunito Sans

For Base

Nunito Sans

Typography

H1 - Heading Title - 26px

H2 - Heading Title - 22px

H3 - Heading Title - 20px

H4 - Heading Title - 18px

H5 - Heading Title - 16px
H6 - Heading Title - 14px

Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunc.

Consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae dictum nusmod sed nuncroin vel rhoncus maurisuisque mattism ipsum dolor sit amet consectetur adipiscing elit.

Heading Title Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunc.

Heading Title Here

Etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunce.

Heading Title Here

Etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunce.

Heading Title Here

Etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunce.

List

Unordered

  • Dolor pulvinar etiam.
  • Sagittis lorem eleifend.
  • Felis feugiat dolore viverra.
  • Dolor pulvinar etiam..

Ordered

  1. Dolor pulvinar etiam.
  2. Sagittis lorem eleifend.
  3. Felis feugiat dolore viverra.
  4. Dolor pulvinar etiam.

Altenate

  • Dolor pulvinar etiam.
  • Sagittis lorem eleifend.
  • Felis feugiat dolore viverra.
  • Dolor pulvinar etiam.

Blockquote

Dont Eat Less, Eat Right

Color Palette

Default

#181c18

Primary

#52c75a

Heading

#181c18

Secondary

#525652

Buttons

Extra Small Button Small Button Default Button Large Button
Extra Small Button Small Button Default Button Large Button

Link

link

Form Elements

Tables

Default Table

Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped Rows

Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Contact Infomation

  • 2177 Shearwood Forest , NH 03801
  • +180-123-4567
  • info@dietcoach.com

Quick Links

contact us

© 2020 - The Nutrition Diet Coach. All Rights Reserved.