Branding

This page provides information to assist developers and vendors with branding up their systems & products to be in sync with the council's main design including ensuring any dynamic data is reflected in the remote system.

Warning It is important that you do not just take a static copy of the branded page but regularly retrieve it to ensure the latest HTML is applied, caching a local copy for a set period of time.

The branded pages by default have all of the main features of the website pages, however you can control which features appear and how they work by using a set of query string parameters.

Still need to host your own branded page?

If there is no option but to take a static copy of the page assets you can download the latest copies here:

Layouts

The branded pages currently offer 2 layouts:

  1. branding-full-width - Full width with single central content column.
  2. branding-modernGov - Special template for ModernGov integration.

Design system

The branded pages use a design system framework for a responsive front-end.

You can read more about the southwark design system here.

Options for developers

You can control various features of the page through supplying querystring parameters on the branding url of your choice. Apply as main as you need to override to generate the template to suit your requirements.

ContentAreaMarker

The area where you can insert your main content is marked with a comment within the HTML. You can control the text within the comment using this parameter.

e.g. /branding/full-width?ContentAreaMarker=INSERT%20HERE

Default: CONTENT AREA

Breadcrumb

You can add some text to the breadcrumb to indicate the page being viewed using this parameter.

e.g. /branding/full-width?Breadcrumb=My%20Page

Default: empty (does not show anything)

ShowBreadcrumb

You can control whether the breadcrumb feature appears using this parameter. A value of '1' is assumed as true, all other values are taken as false.

e.g. /branding/full-width?ShowBreadcrumb=0

Default: 1 (true)

ArticleId

Allows you to specify the value of the id attribute of the content area article tag.

e.g. /branding/full-width?ArticleId=MyArticleId

Default: (nothing)

PageTitle

Allows you to specific the value in the title tag. Please note a default suffix will always be applied to the title.

e.g. /branding/full-width?PageTitle=My%20Page%20Title

Default: (nothing)

JQueryInHead

You can control whether the jQuery script is loaded in the head or at the bottom of the page using this parameter. A value of '1' is assumed as true, all other values are taken as false.

e.g. /branding/full-width?JQueryInHead=1

Default: 0 (false)