Click to chat with Brum Bot, our AI-powered virtual assistant. ×
Guidance | Look and feel implementation guide for creators of third-party Birmingham City Council websites | Birmingham City Council
Look and feel implementation guide for creators of third-party Birmingham City Council websites

Guidance

Third-party suppliers sometimes need to create a website or online service that matches the look and feel of this website.

Our main CSS file is available at orbit.css.

This page gives you the guidance you need to use it and apply the correct styles.

Using our CSS

Do not download or copy the file. Instead, link to it by adding this line at the top of your own CSS file:

@import url("https://www.birmingham.gov.uk/site/dist/orbit.css");

CSS classes you can use

  • site-header - full site header, including masthead and search bar
  • site-header__main-content - masthead area
  • site-search .form .form--search - search bar
  • site-main - main content wrapper
  • container - constrains the site width and adds margins
  • page-primary - left-hand navigation
  • page-content - main content wrapper
  • site-social-bar - social media links in the footer
  • site-footer - main footer

Image assets

Use logos and other monochrome images as SVG files.

More detailed guidance

For help with specific implementations, complete our website feedback form.

Page last updated: 2 January 2026

Feedback button