Design Standards

Design Standards

• Use a 3 color palette. It consists of white, yellow and black.
• Follow a solid non-material design.
• Use bulma for frontend.
• Use fontawesome for iconography.
• Use jQuery for animation.

Font

• Font family : Nunito

• Font size:

  Element	Specs
  Normal	18px
  Heading	32px
  Sub-heading	24px

• Capitalize font on buttons.

• Font color:

  Element	Specs
  Normal Text	#FFFFFF (white)
  Button Text	#000000 (black)
  Link Text (active)	#FCCC00 (yellow)
  Link Text (visited)	#FFFFFF(white)

Images

• Country icons should 44mm.
• Any icons on the top area of screen should be 137mm.

Others

• Buttons should have a width to height ration of 144:40 (preferable 144px width by 40 px height).
• Small icons like checkboxes should be 28px.
• Minimum spacing between any two elements including space between an element and screen border itself should be not less than 19px.