Design Standards - VITCMUN/munverse GitHub Wiki

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.