Button & Image Styles

NRF Test
Button & Image Styles

Button Styles

Button text is Poppins semibold 14px (ALL CAPS). 

Basic Button (button-basic, button-black) is to be used on light backgrounds.

Button White (button-cta-secondary, button-white) is to be used on darker backgrounds.

Button Red (button-cta-primary, button-red) is for important calls to action, regardless of background.

 

Image Styles

Image styles are to be used for photographs only. Photographs get rounded corners and a light outline surrounding the image (to give borders to images with white or very light backgrounds).

border:3px solid #d8e8ef;
border-radius:3px;

Logos do not receive image styles and are controlled through CSS and sized depending on the application. Class="border_image" to add a rounded corner border.