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.