This is how fonts will appear by default. If you’re creating a section that uses a white or grey background, no action is needed. Simply set your HTML tag and that’s it!
Body Copy: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
UL
OL
Body Copy: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
UL
OL
Fonts need to have different colours when on a green or blue background. In order to do that, apply the classes listed below to the section or column that you have the colour applied to.
Body Copy: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
UL
OL
Body Copy: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
UL
OL
We want the site to look as consistent as possible, for background colours please use the approved colours listed below.
Use these whenever possible
Use global colour:
FB – Teal
Use global colour:
FB – White
Use global colour:
FB – Grey
Use global colour:
FB – Dark Blue
Use these when you need a little extra flexibility in the design
Use global colour:
FB – Mid Blue
Use global colour:
FB – Green
Use global colour:
FB – Dark Green
There are different button styles for different kinds of buttons. Primary buttons should only be used when directing users to the pickup or donate pages. Secondary buttons are used to direct people to other pages on the site. Tertiary buttons are for when you want to direct people away from the page if they want to learn more but don’t have it, such as directing them to a blog post for more information.
Buttons need to have different colours when on a green or blue background. In order to do that, apply the classes listed below to the section or column that you have the colour applied to.
Apply class to container: blue_section
Apply class to container: green_section
Toggles have been mostly set up to look the way they do below by default however there are some things that you’ll need to set eveytime:
Things to do:
Apply class to container: blue_section
Apply class to container: green_section
No class needed
Apply class to container: blue_section
Apply class to container: green_section
FURNITURE BANK | Registered Charity | #87253 1843 RR0001
Copyright © FURNITURE BANK 2023. All Rights Reserved.