MySyarikat Brand Library
Our brand library used to build the MySyarikat application.
Design Principles
Minimalist
The overall layout should be minimalist to make it easy for the audience to navigate their way through the website. Audience should be able to self-explore the whole application process without hassle.
User Friendly
Every aspects of the website need to have a friendly look and eye catchy application.
Tech
The theme & design should be modern and tech-y which resembles MySyarikat business nature and branding.
Color
Primary
HEX #05285E
RGBA 5,40,94,1
Secondary
HEX #1ECFCA
RGBA 30,207,202,1
Functional
HEX #AAAEB3
RGBA 170, 174, 179, 1
Functional
HEX #DFE0E0
RGBA 223,224,224,1
Semantic
primary
#05285E
secondary
#DFE0E0
success
#00a65a
warning
#f39c12
danger
#d73925
Grid System
1/1
1/2
1/2
1/3
1/3
1/3
1/4
1/4
1/4
1/4
1/8
1/8
1/8
1/8
1/8
1/8
1/8
1/8
Typography
Heading One
Poppins
40px/44px Bold (600)
Heading Two
Poppins
32px/36px Medium (500)
Heading Three
Poppins
24px/28px Regular (400)
Heading Four
Poppins
18px/22px Regular (400)
Body Bold
Poppins
12/16px Bold (600)
Body Regular
Poppins
12/16px Bold (400)