Skip to content

Latest commit

 

History

History
53 lines (34 loc) · 832 Bytes

style.md

File metadata and controls

53 lines (34 loc) · 832 Bytes

Front-end Style Guide for DigiPakistan

Layout

The designs were created to the following widths:

  • Mobile: 375px
  • Tablet: 767px
  • Laptop: 991px
  • Desktop: 1199px

Colors

Primary

  • Soft red: hsl(7, 99%, 70%)
  • Yellow: hsl(51, 100%, 49%)
  • Dark desaturated cyan (graphic design text): hsl(167, 40%, 24%)
  • Dark blue (photography text): hsl(198, 62%, 26%)
  • Dark moderate cyan (footer): hsl(168, 34%, 41%)

Secondary

Neutral

  • Very dark desaturated blue: hsl(212, 27%, 19%)
  • Very dark grayish blue: hsl(213, 9%, 39%)
  • Dark grayish blue: hsl(232, 10%, 55%)
  • Grayish blue: hsl(210, 4%, 67%)
  • White: hsl(0, 0%, 100%)

Indicators

  • success : hsl()
  • error : hsl()
  • warning : hsl()

Typography

Body Copy

  • Font size: 16px

Font

  • Family
  • weight
  • line-height
  • letter space

Icons