Buttons

All buttons used throughout the WWF website interface. Large + Primary is the major call to action drawing most attention and should be use sparingly.

Large + Primary Primary Secondary Tertiary outline blackblack white green no border tab

Form elements

All form elements used throught the WWF website interface can be seen below.

They all share a very clean minimal style making it as easy as possible for users to interact with.

This is an error message example

Newsletter

Newsletter signup component is used inside the footer.

Modifier classPurpose
newsletter--darkdark background for use on dark panels

Newsletter Horizontal

This horizontal newsletter component is used in the header.

Modifier classPurpose
newsletter--darkdark background for use on dark panels