Typography

  • Style: Light Heading
  • Font: Roboto Light
  • Color: #31364c

Heading One 46px

Heading Two 36px

Heading Three 30px

Heading Four 28px

Heading Five 24px
Heading Six 18px
  • Style: Light Heading
  • Font: Roboto Light
  • Color: #31364c

HEADING ONE 46PX

HEADING TWO 36PX

HEADING THREE 30PX

HEADING FOUR 28PX

HEADING FIVE 24PX
HEADING SIX 18PX
  • Style: Black Heading
  • Font: Roboto Black
  • Color: #31364c

Heading One 46px

Heading Two 36px

Heading Three 30px

Heading Four 28px

Heading Five 24px
Heading Six 18px
  • Style: Black Heading
  • Font: Roboto Black
  • Color: #31364c

HEADING ONE 46PX

HEADING TWO 36PX

HEADING THREE 30PX

HEADING FOUR 28PX

HEADING FIVE 24PX
HEADING SIX 18PX
  • Font Size Text: 16px
  • Font: Roboto Regular
  • Line Spacing: 24px
  • Color: #9699a6

Heading One 46px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

  • Font Size Text: 14px
  • Font: Roboto Regular
  • Line Spacing: 24px
  • Color: #9699a6

Heading Three 30px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh eui-
smod tincidunt ut laoreet dolore magna aliquam.

  • Font Size Quote: 30px
  • Font: Roboto Light Italic
  • Line Spacing: 36px
  • Color: #93c25e
  • Font Size Author: 14px
  • Font: Roboto Regular
  • Line Spacing: 24px
  • Color: #cdcfd7

Claritas est etiam processus dynamicus, qui sequitur mu-
tationem consuet.

Frank Aams
  • Font Size Quote: 30px
  • Font: Roboto Light Italic
  • Line Spacing: 36px
  • Color: #ffffff
  • Background: #93c25e
  • Font Size Author: 14px
  • Font: Roboto Regular
  • Line Spacing: 24px
  • Color: #ffffff

Claritas est etiam processus dy-
namicus, qui sequitur mutationem consuet.

  • Font Size Text: 14px
  • Font: Roboto Regular
  • Line Spacing: 20px
  • Color Text: #9699a6
  • Icon Color: #ccdb38
  • Font Size Text: 14px
  • Font: Roboto Regular
  • Line Spacing: 20px
  • Color Text: #cdcfd7
  • Icon Color: #f04e4e
  • Claritas est etia processus;
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit;
  • Eodem modo typi, qui nunc nobis;
  • Nam liber tempor cum soluta nobis eleifend optio;
  • Duis autem vel eum iriure dolor.
  • Claritas est etia processus;
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit;
  • Eodem modo typi, qui nunc nobis;
  • Nam liber tempor cum soluta nobis eleifend optio;
  • Duis autem vel eum iriure dolor.

Colors of Sections

  • Section: Standard Plan
  • Basic Color: #ccdb38
  • Accompanying Color: #c3d22f
  • Section: Professional Plan
  • Basic Color: #8bc34a
  • Accompanying Color: #80b740
  • Section: VIP Partner Plan
  • Basic Color: #4caf50
  • Accompanying Color: #45a549
  • Section: Business Plan
  • Basic Color: #009688
  • Accompanying Color: #008d80

Style of Buttons

  • Style: Mini Button
  • Font: Roboto Regular
  • Font-Size: 13px
  • Font & Icon Color: #ffffff
  • Button Color: #252525
  • Radius Button: 16px
  • Style: Small Button
  • Font: Roboto Regular
  • Font-Size: 14px
  • Font & Icon Color: #ffffff
  • Button Color: #252525
  • Radius Button: 20px
  • Style: Medium Button
  • Font: Roboto Regular
  • Font-Size: 16px
  • Font & Icon Color: #ffffff
  • Button Color: #252525
  • Radius Button: 27px
  • Style: Large Button
  • Font: Roboto Regular
  • Font-Size: 18px
  • Font & Icon Color: #ffffff
  • Button Color: #252525
  • Radius Button: 32px
  • Style: Extra Large Button
  • Font: Roboto Light
  • Font-Size: 24px
  • Font & Icon Color: #ffffff
  • Button Color: #252525
  • Radius Button: 37px
  • Style: Mini Button
  • Button Color: #ccdb38
  • Style: Small Button
  • Button Color: #ccdb38
  • Style: Medium Button
  • Button Color: #ccdb385
  • Style: Large Button
  • Button Color: #ccdb38
  • Style: Extra Large Button
  • Button Color: #ccdb38
  • Style: Mini Button
  • Button Color: #8bc34a
  • Style: Small Button
  • Button Color: #8bc34a
  • Style: Medium Button
  • Button Color: #8bc34a
  • Style: Large Button
  • Button Color: #8bc34a
  • Style: Extra Large Button
  • Button Color: #8bc34a
  • Style: Mini Button
  • Button Color: #4caf50
  • Style: Small Button
  • Button Color: #4caf50
  • Style: Medium Button
  • Button Color: #4caf50
  • Style: Large Button
  • Button Color: #4caf50
  • Style: Extra Large Button
  • Button Color: #4caf50
  • Style: Mini Button
  • Button Color: #009688
  • Style: Small Button
  • Button Color: #009688
  • Style: Medium Button
  • Button Color: #009688
  • Style: Large Button
  • Button Color: #009688
  • Style: Extra Large Button
  • Button Color: #009688
  • Style: Round Button
  • Icon Color: #ffffff
  • Button Color: #252525
  • Button Size: 40px×40px
  • Style: Round Button
  • Icon Color: #ffffff
  • Button Color: #93c25e
  • Button Size: 40px×40px
  • Style: Round Button
  • Icon Color: #ffffff
  • Button Color: #f04e4e
  • Button Size: 70px×70px
  • Style: Square Button
  • Icon Color: #ffffff
  • Button Size: 40px×40px
  • Button Color: #93c25e
  • Style: Square Button
  • Icon Color: #ffffff
  • Button Size: 40px×40px
  • Button Color: #93c25e
  • Tooltip Bg Color: #313539
  • Font Color: #ffffff
  • Font Size: 12px

Form's Elements

  • Font: Roboto Regular
  • Font Size: 16px
  • Normal Text Color: #cdcfd7
  • Active Text Color: #9699a6
  • Normal Form Line Color: #cdcfd7
  • Active Form Line Color: #93c35e
  • Font: Roboto Regular
  • Font Size: 16px
  • Normal Text Color: #45474f
  • Active Text Color: #ffffff
  • Normal Form Line Color: #9699a6
  • Active Form Line Color: #93c35e
  • Font: Roboto Regular
  • Font Size: 16px
  • Normal Text Color: #cdcfd7
  • Active Text Color: #9699a6
  • Dropdown List Normal Color: #cdcfd7
  • Dropdown List Active Color: #93c35e
  • Selected Point Text Color: #ffffff
  • Selected Point Bg Color: #93c25e
  • Font Color Plans: #9699a6
  • Font Size Plans: 14px
  • Hover Font Color Plans: #93c25e
  • Bg Hover Color: #fafafa