Website Styling

The website uses 'Scout Template 1' and there are a number of templated sections available through the responsive editor to help maintain a consistent website.


Please Note: The template styling may not match that used on the {websiteNameAuto} site so please check and where possible, use a style consistent with the existing website.


Colouring:

Public Focused Areas: Purple (HEX: #490499)

Note: This is a slightly darker purple than the 'brand' purple as a result of user feedback. The 'brand' purple can have a fairly sharp/harsh contrast on screen. This purple is also used on the main UKHQ website.


Member Focused Areas: Navy (HEX: #003982)


Admin Areas: Red (HEX: #e22e12)


Note: Where a solid colour background is used either White or Black text should be used depending on the background colour.


Other Scout Brand Colours can be used but should be uses sparingly to maintain a consistent look to the site;

  • Purple: HEX #7413dc (Brand Purple)
  • Purple: HEX #490499 (Darker Purple)
  • Teal: HEX #00a794
  • Navy: HEX #003982
  • Blue: HEX #006ddf
  • Green: HEX #23a950
  • Red: HEX #e22e12
  • Pink: HEX #ffb4e5
  • Yellow: HEX #ffe627


Font Sizes & Weights:

The following font sizes and weights are used throughout the site. Other heading styles can be used and should use a decreasing font size but still use Nunito Sans, Boldest.


Note: Font sizes on mobile devices may require separate adjustment to suite the item.


Heading 1: Nunito Sans, Boldest, 50

Heading 2: Nunito Sans, Boldest, 24

Paragraph: Nunito Sans, Normal, 16


Heading 1: Nunito Sans, Boldest, 50

Heading 2: Nunito Sans, Boldest, 24

Paragraph: Nunito Sans, Normal, 16


Heading 1: Nunito Sans, Boldest, 50

Heading 2: Nunito Sans, Boldest, 24

Paragraph: Nunito Sans, Normal, 16

Share by: