On this page you'll find our reusable Website Design System components that make up a home page.

Print these off to create your own 'fuzzy felt' style design board.

You can also click through for more information about each component (and test them) in our feature showcase.

Top stripe

Standard square

Image of top stripe - standard square

Standard round

Image of top stripe - standard round

Government branding removed

Image of top stripe - government branding removed

Logo

Image of top stripe - logo

Menu

Hamburger menu

Image of menu - hamburger menu

Menu bar

Image of menu - menu bar

Carousel

Type 1

Image of carousel type 1

Type 2

Image of carousel type 2

Static single image option

Image of carousel static single image option

Type 1 (video option)

Image of carousel type 1 video option

Type 2 (video option)

Image of carousel type 2 video option

Search and quick links

White standard

Image of search and quick links - white standard

White reversed

Image of search and quick links - white reversed

Grey standard

Image of search and quick links - grey standard

Grey reversed

Image of search and quick links - grey reversed

Custom background

Image of search and quick links - custom background

Custom background reversed

Image of search and quick links - custom background reversed

Search and text white

Image of search and quick links - search and text white

Search no text white

Image of search and quick links - search no text white

Search and text grey

Image of search and quick links - search and text grey

Search and text custom background

Image of search and quick links - search and text custom background

Quick links white

Image of search and quick links - quick links white

Quick links grey

Image of search and quick links - quick links grey

Quick links custom

Image of search and quick links - quick links custom

Icon panels

White background

Image of icon panels - white background

Grey background

Image of icon panels - grey background

Customised background

Image of icon panels - customised background

Easy read

Single banner

Image of easy read - single banner

Build 'easy read' resources

Image of easy read - build easy read resources

Breakout boxes

Success

Image of breakout boxes - success

Warning

Image of breakout boxes - warning

Error

Image of breakout boxes - error

Information

Image of breakout boxes - information

Accordions

Single

Image of accordions - single

Group

Image of accordions - group

Group with background image

Image of accordions - Group with background image

Feature topic panels

Carousel

Image of feature topic panels - carousel

4  fixed

Image of feature topic panels - 4 fixed panel

3 fixed

Image of feature topic panels - 3 fixed panel

2 fixed

Image of feature topic panels - 2 fixed panel

1 fixed

Image of feature topic panels - 1 fixed panel

4 fixed with branding

Image of feature topic panels - 4 fixed panels with branding

3 fixed with branding

Image of feature topic panels - 3 fixed panels with branding

2 fixed with branding

Image of feature topic panels - 2 fixed panels with branding

1 fixed with branding

Image of feature topic panels - 1 fixed panel with branding

Latest news (3 panel option)

White

Image of latest news 3 panel option - white

Grey

Image of latest news 3 panel option - grey

Custom

Image of latest news 3 panel option - custom background

Tabs

Image of 5 tabs

Video embed

Full width white background

Image of video embed - full width white background

Smaller - left, right or centre aligned

Image of video embed - smaller left, right or centre aligned

News, events, social media

News (3 panel display)

Latest news panel showing 3 news panels

News (4 panel display)

4 panel display news option

Events (3 panel display)

3 panel events display

Events (4 panel display)

4 events panels

Social media

4 social media panels

Social media curator

Social media curator displaying 4 panels