Sample pages showcase the design of the components, their flexibility in colour treatment and layout, and some possible ways components can be combined on a page to achieve different results. They also do not show all possibilities of how the components can be used within a page layout—only some possibilities are illustrated.
See the Components section for details on how each component can be used and the flexibility it has.
<aside> <img src="https://img.icons8.com/ios/250/000000/info.png" alt="https://img.icons8.com/ios/250/000000/info.png" width="40px" /> Sample pages are meant to help GS1 Member Organisations (MOs) visualise the way components can look when placed near one another and are not page templates or recommendations for how to optimise the UX of any specific page or the site structure overall. Each MO will determine the best way to construct their pages based on local user needs.
</aside>
The home page examples all have the same components in the same layout, with the same amount of content. They show variations in colour and image treatment.
Components shown:
View sample industry landing pages →
The industry landing page examples all have the same components in the same layout, with the same amount of content. They show variations in colour and image treatment.
Components shown:
View sample topic landing pages →
The topic landing pages are examples of what a high-level topic page could look like, for example one on blockchain or traceability. Each example uses different components in different configurations.
Components shown:
The content page examples demonstrate the components likely to be used on lower-level pages or those with more technical information. Each example uses different components in different configurations.
Components shown:
