Skip to main content

Panel

Use panels to highlight information to users.

Don't use colour alone to convey meaning. Information conveyed with colour must also be communicated textually to be effective.

Information​

Use an information panel to highlight information to a user. It can also be used to playback information a user has entered, away from where they’ve entered it, such as on a confirmation screen or user email.

Your reference
CA000123456

Reverse information​

Use when you want to highlight the information the user has entered or the main body of the information you’re displaying.

Your reference
CA000123456

Information extra​

Use when you want to allow users to change information they’ve entered.

Your container
Black recycling bin
Edit

Key data​

Use a key data panel to highlight data to a user. For example, an amount of money or a reference number. Support the data with contextual information. For example, “Your reference:”

Your reference:
CAS-2544175-F2N6C5
You can track your collection in the Citizen Portal account.

Confirmation​

Use a confirmation panel to playback information that a user has entered, such as their address, near to or inline with where they entered it. It can also be used to highlight an action the user needs to take based on information they’ve entered. For example, telling them they need to fill in a certain form.

Your selected address
7 Chantry Road Bristol BS8 2QF

Reverse confirmation​

Use when you want to highlight the information the user has entered or the action the user needs to take.

Your selected address
7 Chantry Road Bristol BS8 2QF

Confirmation extra​

Use when you want to allow users to change information they’ve entered.

Your selected address
7 Chantry Road Bristol BS8 2QF
Change address

Warning​

Use a warning panel to highlight critical information to a user, such as an:

  • action the user needs to take urgently, such as calling 999.
  • issue with a form that means the user can’t continue, include information about why they can’t continue and what they can do instead.
  • action or lack of action that could result in them incurring a penalty, loss or inconvenience.
You can't report a missed collection because this isn't a residential property. Call us on 0117 922 2100 if you think it is a residential property.

Slate​

Use a slate panel to highlight information to the user. For example, a change in library opening hours or a change in a process.

Central library
Central library will be closing at 4pm on Monday 29 August.

Slate primary​

Use occasionally to give more emphasis to a piece of information or call to action.

Create an account to make your next visit quicker and easier
Set a password to create an account that will remember all your details next time you come back.

Slate primary without title​

Use occasionally to give more emphasis to a piece of information or call to action when the message does not require a title.

You can report your containers as missed for our records, but we won’t come back because your collections were more than one working day ago. You need to tell us by 5pm the next day.

Slate white with outline​

Use to highlight information outside the main flow. For example, a link at the bottom of a page for the user to give feedback on a form.

Give us feedback on this new service
Give feedback and help improve this service. It only takes a minute and you won't lose any details.