Heroes are large web banners, usually placed in the centre of a page.
It presents an overview of the page's most important content.
1) Default Hero
Unites Singapore Government Digital Services around a common UI language and user experience
2) With Dropdown Button
3) With Hoverable Dropdown Button
4) With Search Bar
- Use only relevant images.
- Make the image your centerpiece.
- Select emotionally persuasive images.
- Use only high quality images.
- Emphasise call to action buttons.
- Be designed for contrast.
Having troubles with the guide? Please give us more details and we'll get back to you soon.
Chat with the team