FAZUA Living Styleguide

FAZUA Living Styleguide

Source: scss/_1-Resources/_font.scss, line 1

1.2 Font

Example

Bebas Neue Pro Regular – 400 (Layout-Design: 400)

Bebas Neue Pro Bold – 600 (Layout-Design: 700)

Bebas Neue Pro Extra Bold – 700 (Layout-Design: 800)

<p class="font-regular">Bebas Neue Pro Regular &ndash; 400 (Layout-Design: 400)</p>
<p class="font-bold">Bebas Neue Pro Bold &ndash; 600 (Layout-Design: 700)</p>
<p class="font-extra-bold">Bebas Neue Pro Extra Bold &ndash; 700 (Layout-Design: 800)</p>

Source: scss/_1-Resources/_color.scss, line 5

1.3.1 Main Colors

#007fff
CI Primary
$ci-primary
#0a1119
CI Secondary
$ci-secondary
#eceff1
Light Grey
$light-grey
#FFFFFF
White
$white

Source: scss/_1-Resources/_color.scss, line 32

1.3.2 Energy Profile Colors

#8cf698
Energy Breeze
$energy-breeze
#007fff
Energy River
$energy-river
#d14c29
Energy Rocket
$energy-rocket

Source: scss/_1-Resources/_color.scss, line 52

1.3.3 Greyscale

#000000
Black
$black
#262626
Dark Grey
$dark-grey
#9da0a3
Middle Grey
$middle-grey
#dbdcde
Grey
$grey
#f5f7f8
White Grey
$white-grey