CTA element

No background color - dark on light

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid turqoise color - light on dark

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid turqoise color - dark on light

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Blue endpoint - light on dark

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey blue - light on dark

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey blue - dark on light

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey light - light on dark

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey light - dark on light

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Black color - light on dark

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Heavy turquoise - light on dark

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Heavy turquoise - dark on light

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

No background color - dark on light

White background - DoL

Section DoL with no background:

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

White background - LoD

Section DoL with no background:

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

White background - DoL

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey dark - DoL

Section DoL with no background:

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey dark - DoL

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turqouise - DoL
Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turqouise - LoD
Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turquoise - DoL

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turquoise - LoD

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid turqoise color - dark on light

White background - DoL

Section DoL with no background:

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

White background - LoD

Section DoL with no background:

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

White background - DoL

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey dark - DoL

Section DoL with no background:

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey dark - DoL

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turqouise - DoL
Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turqouise - LoD
Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turquoise - DoL

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turquoise - LoD

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey blue - light on dark

White background - DoL

Section DoL with no background:

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

White background - LoD

Section DoL with no background:

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

White background - DoL

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey dark - DoL

Section DoL with no background:

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Grey dark - DoL

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turqouise - DoL
Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turqouise - LoD
Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turquoise - DoL

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark

Mid Turquoise - LoD

No section

Button

Primary button

Button

Secondary yellow

Button

Secondary bordered dark on light

Button

Secondary bordered light on dark