Light
Dark
Yellow

Colours

Accent One
Accent Two
Accent Three
Accent Four
Tint One
Tint Two
Tint Three
Tint Four
Contrast One
Contrast Two
Contrast Three
Contrast Four

Typography

Header 1

Font: Ingra / Color: #747473 / Size: 64px

Header 2

Font: Ingra / Color: #747473 / Size: 48px

Header 3

Font: Ingra / Color: #747473 / Size: 36px

Header 4

Font: Ingra / Color: #747473 / Size: 30px
Header 5
Font: Ingra / Color: #747473 / Size: 24px
Header 6
Font: Ingra / Color: #747473 / Size: 18px

This is body copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Font Sizes

Text-xs

Font: Ingra / Size: 14px

Text-sm

Font: Ingra / Size: 16px

Text-md

Font: Ingra / Size: 18px

Text-lg

Font: Ingra / Size: 24px

Text-xl

Font: Ingra / Size: 30px

Text-2xl

Font: Ingra / Size: 36px

Text-3xl

Font: Ingra / Size: 48px

Text-4xl

Font: Ingra / Size: 64px

Product Cards

1000 recipe cookbook

1000 recipe cookbook

Product Price
Regular price £14.99
Sale price £14.99 Excluding VAT ex VAT Was
Product Price
Regular price £14.99 ex VAT
Sale price £14.99 Excluding VAT ex VAT
View Details
200 slow cooker recipes

200 slow cooker recipes

Product Price
Regular price £9.99
Sale price £9.99 Excluding VAT ex VAT Was
Product Price
Regular price £9.99 ex VAT
Sale price £9.99 Excluding VAT ex VAT
View Details
2021 RNIB Learning catalogue - print

2021 RNIB Learning catalogue - print

Product Price
Regular price £0.00
Sale price £0.00 Excluding VAT ex VAT Was
Product Price
Regular price £0.00 ex VAT
Sale price £0.00 Excluding VAT ex VAT
View Details
2025 Braille desk diary

2025 Braille desk diary

Product Price
Regular price £12.60
Sale price £12.60 Was £0.00
Product Price
Regular price £10.50 ex VAT
Sale price £10.50 Excluding VAT ex VAT

Grid

As agreed with design, we will use CSS Grid for the over-arching layout of the website. For this, we have created a twelve column grid ( with spacing and gaps ), use .moonbase mb-10 to create a grid use the grid. Children of the grid will want to use .col-span-1, .col-span-2

6
6
4
4
4
3
3
3
3
2
2
2
2
2
2
1
2
3
4
5
6
7
8
9
10
11
12

Buttons

Primary - Default
Hover State
Disabled State
Outline - Default
Hover State
Disabled State
Black - Default
Hover State
Disabled State

Form

Accordions

Accordion title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Accordion title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Table

Statement Summary
Account Due Date Amount Period
Visa - 3412 04/01/2016 $1,190 03/01/2016 - 03/31/2016
Visa - 6076 03/01/2016 $2,443 02/01/2016 - 02/29/2016
Corporate AMEX 03/01/2016 $1,181 02/01/2016 - 02/29/2016
Visa - 3412 02/01/2016 $842 01/01/2016 - 01/31/2016

Drawers