You will need Admin role access
To start editing your home page, click on Home.
Hero banner
Click on Hero banner to edit the title, subtitle and Call-to-Action (CTA).
Hero text and image
Hero text and hero image are compulsory.
Character limit for Hero text - 50 characters
Character limit for Description (optional) - 250 characters
Description text and CTA button
Description text and CTA are optional.
For CTA button to appear in the preview, ensure that:
Button text is filled. Text should be capped at 50 characters.
Button destination is linked.
Hero banner style
You can select Hero banner style as well. If you would like to showcase more of the brand colours, you can select “Block” option.
Once changes are made, click on Save changes to save your edits.
Add components
Click on Add block.
You will be able to see a list of available custom blocks.
You can get more information on the blocks by hovering over it.
By selecting a component, it will be added to the preview on the right and you will be able to edit it accordingly.
Fields that are not required are labelled as optional. If there are required fields not filled up, errors will be reported and you will not be able to save this block.
Once the required fields are filled up, the Save block button will be available.
Example
Looking at moh.gov.sg’s homepage, are you able to match the components that made up this homepage?
moh.gov.sg has chosen the colour block option with one primary CTA.
They have also used KeyStatistics, Infocards and Infopic components to highlight some of their main information.
Getting inspired
Now that you've created your very own homepage, you can explore other sites' homepages and their use of components to gain more inspiration.