Buttons & Links

How to use

The different buttons colors and sizes are used depending on how much attention they need. A base principle is to avoid using both the red and blue buttons in the same “area”. The brighter part of the button gradient is based from the general colors with a ’15’ increase in ‘B’rightness. The Primary and Secondary should not sit next to each other but rather use the Alternative button.

Padding

Unless the button is used in a ‘100%’ width context they use fixed padding values depending on their size.

Links

Links is such a fundamental element in webdesign and will by its nature be used in so many variations across the site so this here is just the basic fundaments we’re using to have some sort of baseline.