Toggle menu

    Site template - Header - Third-party suppliers

    The header area is displayed at the top of every page. It contains site-wide components like the logo and breadcrumb navigation.

    Site template - Header - Third-party supplier

    Site logo

    The Gateshead Council logo is displayed in the top left of the header. It also acts as a link to the homepage.

    Download the Gateshead Council logo.

    Breadcrumb

    The breadcrumb helps users to understand where they are within a website's structure and move between levels.

    Colours

    Site elementColourHex valueHSL value
    Header/logo background
     
    		#111111hsl(0deg 0% 6.67%)
    Breadcrumb background
     
    		#045a90hsl(203deg,95%,29%)
    Breadcrumb text
     
    		#ffffffhsl(0deg 0% 100%)

    Fonts

    The fonts used for the breadcrumb text is Open Sans with a text size of 1.125em/18px. More information on fonts can be found on the typography page.