MineralBay Colors
@mineralbay-red
#b20001
@mineralbay-orange
#ee6023
About this Pattern Library
The present style guide and pattern library is built on the Bootstrap framework - with MineralBay branding and custom, reusable components. Especially with such a large and broad target group, it is important to create a recognition value through uniform design and recurring design. In addition to the actual design, particular importance is also given to UX guidelines.
MineralBay Logo
MineralBay-Logo
MineralBay-Logo Hover
MineralBay-Logo white background
MineralBay-Logo white background hover
Colors
Brand Colors
@brand-primary
#1581e2
@brand-attention
#f68a24
@brand-success
#669900
@brand-info
#5bc0de
@brand-warning
#ffcc33
@brand-danger
#cb2027
@brand-highlight
#f5fbff
Cool Colors
@cool-dark
#222C32
@cool
#394B54
@cool-light
#5F7F8E
@cool-hover
#F2F9FC
Grays
@gray-darker
#4c4c4c
@gray-dark
#696969
@gray
#999999
@gray-light
#cccccc
@gray-lighter
#eeeeee
@gray-lightest
#f6f6f6