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.