Section Header Pattern

Patterns Suggest a pattern
1

Hi there,

I am looking for a design pattern for Section Banners.

The DS has something close which is the ‘Hero Banner’ but this banner is used for (timely) messaging with a CTA, similar to campaign requirements.

Looking for a pattern that is for ever green labels a section of the site.
Has there been work done to develop a pattern like this.
for example: https://education.nsw.gov.au/public-schools/astp

Screen Shot 2020-02-18 at 11.09.47 am
Screen Shot 2020-02-18 at 11.09.47 am3046×208 19 KB

2

Hi @Nesan

We haven’t created such a pattern as yet, which I would describe as a Section Landing Hero. You are correct in that it is similar to our Hero banner pattern, in addition our web consoidation team working on the new nsw.gov.au site is using a similar pattern that would be described as a section hero. Please see screen grab below:

image
image1895×859 383 KB

I will speak to my team about your suggestion and see how we can leverage existing patterns (including the example you sent) and keep you posted.

Best
Mason

1 Like
3

I will jump in here and say that we’re still testing whether that section hero pattern is going to end up in our product at Beta launch.

Findings so far are:

  • Content team finds it hard to find an image that fits the small space
  • Image is usually decorative, because the space is too small to show any detail
  • As a decorative image, it’s a waste on mobile screens, so then we want to lose the image on mobile.
1 Like
4

Thanks @viola.wong - Good to know. Yes, I did think it was a fairly narrow space to have any meaningful imagery applied to it. Would be great to hear where you go with.