Find everything you need to create page designs in the GS1 web design system.
Resources you may find most helpful:
Grid and spacing
The components section has detailed information on each component in the design system, including usage guidance, best practices, colour variations and visual examples.
You can also review the full library, which has developer specs and more detailed information on interaction and sizing.
We've provided a design kit in Sketch and Adobe XD. Both come with GS1 colours, type styles, icons, spacing and components so you can design web experiences for your Member Organisation (MO) without creating everything yourself.
The Sketch library contains colours, type styles, spacers and symbols of all components.
View the Sketch library →
View the icon library →