Redesign Style Guide
Colours
Class | Value | |
---|---|---|
Text Colours
.text-dark
.text-off-white
.text-beige
.text-rose
.text-cyan, .text-brand-blue
Text Size
H1, .h1 GT Walsheim 45pt Bold - 45px
H2, .h2 GT Walsheim 35pt Bold - 35px
H3, .h3 GT Walsheim 29pt Bold - 29px
H4, .h4 GT Walsheim 16pt Bold - 16px
H5, .h5 GT Walsheim 16pt Bold - 16px
P, .p Body GT Walsheim 16pt Reg - 16px
Font Weights
Weight | Class |
---|---|
Buttons & Form Elements
.btn
.btn.btn--beige
.btn.btn--dark
.btn.btn--play
Border Radius
.radius-25
.radius-40
.radius-50
.radius-full
.radius-t-25
.radius-t-40
.radius-t-50
.radius-t-full
.radius-b-25
.radius-b-40
.radius-b-50
.radius-b-full
.radius-tl-25
.radius-tl-40
.radius-tl-50
.radius-tl-full
.radius-tr-25
.radius-tr-40
.radius-tr-50
.radius-tr-full
.radius-bl-25
.radius-bl-40
.radius-bl-50
.radius-bl-full
.radius-br-25
.radius-br-40
.radius-br-50
.radius-br-full