1. Home
  2. Web templates and designs

Other designs

These aren't templates, but coded designs in use in various parts of our site. They were designed for specific purposes on commercial and promotional pages, and are intended to be used sparingly in appropriate situations.

Fact Files

These are for when you want more content than a standard tile before the user clicks to the next page. The words 'Fact File' could probably be changed.

Fact file: Bargate Quarter

A technical drawing of the proposed Bargate Quarter

Bargate Quarter is delivering a regeneration project that will reinvigorate the historic Bargate and Town Walls.

It will bring new life to these fantastic heritage assets as well as a new linear park, much-needed new homes and new retail units in a highly sustainable location.

Read more about Bargate Quarter

Fact file: Centenary Quay

One of the developments at Centenary Quay

Nearing completion with the final phase 6 in planning, Centenary Quay is a vibrant waterside community offering breathtaking, elevated views of the River Itchen, community facilities and retail space, all within easy reach of Woolston’s district centre and Southampton’s wonderful city centre amenities.

Read more about Centenary Quay

Circles

These are designed to show the relationship between various concepts and ideas. They can be used without the arrows or in a semi-circle or line. They appear as a mock table at mobile screen width.

James Bond

  • Sean Connery
  • David Niven
  • George Lazenby
  • Roger Moore
  • Timothy Dalton
  • Pierce Brosnan
  • Daniel Craig
  • ?

Structure charts

We can't build flowcharts as they are too complex and diverse in layout and will never appear right on mobile devices. However, we can build responsive structure charts such as the one below. It is possible to have more than one 'primary' option.

  1. Primary
    1. Secondary
      1. Tertiary
      2. Tertiary
        1. Quaternary
        2. Quaternary
          1. Quinary
          2. Quinary
            1. Senary
        3. Quaternary
      3. Tertiary
    2. Secondary
      1. Tertiary
      2. Tertiary
        1. Quaternary
        2. Quaternary
        3. Quaternary
    3. Secondary
      1. Tertiary
        1. Quaternary
          1. Quinary
            1. Senary
            2. Senary
          2. Quinary
      2. Tertiary
      3. Tertiary
    4. Secondary
      1. Tertiary
      2. Tertiary
      3. Tertiary
        1. Quaternary
        2. Quaternary
      4. Tertiary
      5. Tertiary

Cloud list

This is an accessible version of a word cloud diagram. The order of the items and the colour sequence stays the same, but the size and boldness of the text is randomly generated on each viewing.

  • Cheddar
  • Edam
  • Gouda
  • Red Leicester
  • Gorgonzola
  • Wensleydale
  • Cheshire
  • Lancashire
  • Sage Derby
  • Brie
  • Yarg
  • Paneer
  • Red Windsor
  • Port Salut
  • Feta
  • Mozzarella
  • Camembert
  • Emmental
  • Halloumi