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
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:
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.
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.
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.