Style Guide

Color Palette

Palette URL: http://paletton.com/#uid=23u0u0kqkyBgaK-luD5w0tZy0m+

Primary color:
#6DABCF
#6DABCF
#448EBA
#448EBA
#2679AA
#2679AA
#086398
#086398
#064C75
#064C75
Complement color:
#FFC57E
#FFC57E
#FFB254
#FFB254
#FFA12D
#FFA12D
#EF8400
#EF8400
#B76500
#B76500

 

Buttons

  • Widget: Inked Buttons
  • Icon before text
  • Theme: Shadow
  • Highlight color: #064c75 (dark blue)
  • Base color: white
  • Use hover effect
  • Use click effect
  • Corners slightly curved
  • Size standard or small

<h1>Fonts</h1>
Paragraph

Emphasize

 

Heading 1

Heading 2

Heading 3

Headin 4

Heading 5

Heading 6

&nbsp;