Skip to content

Styleguide

Headings

Headline

Step 4

Step 3

Step 2

Step 1

Step 0

Step -1

Step -2

Prose

Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo a link. Nulla vitae elit libero, a pharetra augue.

  • An unordered list item
  • An unordered list item
  • An unordered list item
  1. An ordered list item
  2. An ordered list item
  3. An ordered list item
  • A tick list item
  • A tick list item
  • A tick list item

Colours

Green
Purple
Blue
Light blue
White
Lightest grey
Light grey
Mid grey
Dark grey
Black
Yellow
Red
Teal
Suede
Orange
Pink
Hot pink

Icons

Plain

add arrow-left arrow-right facebook info instagram map-pin menu search tick twitter chevron-up chevron-right chevron-down chevron-left close bullet

Circled

add arrow-left arrow-right facebook info instagram map-pin menu search tick twitter chevron-up chevron-right chevron-down chevron-left close bullet

Flow

No flow

Between items

Keeps thing tight


But flow

Between items

Open things up

Space

Grids

Grid of two

Grid item
Grid item
Grid item
Grid item

Grid of three

Grid item
Grid item
Grid item
Grid item
Grid item
Grid item

Grid of four

Grid item
Grid item
Grid item
Grid item
Grid item
Grid item
Grid item
Grid item

No-gap grid

Grid item
Grid item
Grid item
Grid item

Fluid grid

Grid item

Grid item
Grid item

Grid item
Grid item
Grid item

Grid item
Grid item
Grid item
Grid item

Forms

Error states

There was an issue submitting the form. Please check the highlighted fields below and submit again.

This field is required

This field is required

This field is required

This field is required

This field is required

This field is required

Buttons

Disclosure

Single disclosure

Meeting room

Max 20 people

Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum.

Open disclosure

Meeting room

Max 20 people

Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum.

Disclosure group

Answer one

Answer two

Answer three

Disclosure (n)

  1. Limited
  2. Set
  3. Of
  4. Items
  5. Constrained
  6. To
  7. Three

Disclosure (n) with remote trigger


  1. Limited
  2. Set
  3. Of
  4. Items
  5. Constrained
  6. To
  7. Three

Alert

Info

Booking fee: £12 per hour for community/charity/private bookings. £18 per hour for commercial/statutory bookings. Read more

Error

Booking fee: £12 per hour for community/charity/private bookings. £18 per hour for commercial/statutory bookings.

Success

Booking fee: £12 per hour for community/charity/private bookings. £18 per hour for commercial/statutory bookings.

Gallery

Image caption
Image caption
Image caption
Image caption

Image caption
Image caption
Image caption

Image caption
Image caption

Opening times

Opening times

Monday 0900-1300
Tuesday 0900-1800
Wednesday 0900-1730
Thursday 0900-2000
Friday 0900-1300
Saturday 0900-1300
Sunday Closed

Out-of-hours book return available

Cards

Library

Basic

List

Nav List

Visual Nav List

Cover

Headlines

Table

2 Column

Town or village name Day
A
Acton: Babergh Close Thursdays
Acton: Babergh Close Thursdays
Acton: Babergh Close Thursdays

3 Column

Subscriptions per annum Suffolk Groups Non-Suffolk Groups
Music and Drama Library £2.40 per member per annum (minimum £14.40) £5.00 per member per annum (minimum £50.00)
Music and Drama Library £2.40 per member per annum (minimum £14.40) £5.00 per member per annum (minimum £50.00)
Music and Drama Library £2.40 per member per annum (minimum £14.40) £5.00 per member per annum (minimum £50.00)

Lists

Categorised List

Using the library service

Categorised List with descriptions

Using the library service

Promos

Single

Your nearest library

We have 49 branches, three mobile library services visiting several hundred stops and a home library service to provide content, services and experiences across Suffolk.

Find your nearest library

Your nearest library

We have 49 branches, three mobile library services visiting several hundred stops and a home library service to provide content, services and experiences across Suffolk.

Find your nearest library

Split

Featured library

Bury St Edmunds Library followed by a brief description of the things the library offers or does that makes it useful or special to the community.

Bury St Edmunds Library

Your nearest library

We have 49 branches, three mobile library services visiting several hundred stops and a home library service to provide content, services and experiences across Suffolk.

Find your nearest library

Full-width

Singing and story lessons

Join Oona the owl at one of our free Wordplay sessions for babies, toddlers and young children. Baby Bounce is suitable for babies aged 0–18 months, Tot Rock is suitable for children up to 5 years old.

Find out more

Newsletter

Section Header

With icon

All special events

Without icon

All special events

Large heading

All special events

Digital CTA