#ClimateEmergency

Release highlights June

Konstantin Demblin, Design System Lead

This blog post covers some highlights from the latest releases of GDS v2.72.0 and GDS v2.73.0.

FullPage update ✨

FullPage is a fully functional page component to be used for every single page in George Business.

Example for FullPage

Learn more about this component and its use cases here and check out the internal Figma plugin George Design.


Figma: Layout Grid updates 🧑‍🎨

Layout grids for George Business in G-Web got updated to support the ongoing redesign.

Example of George Business Layout Grids


DrawerNavigation added ✨

Example of the new George Business navigation

Learn more about this component and its use cases here.


SecondaryNavigation improvements ✨

Hint Vertical spacing was increased to 8px.

Example of the updated SecondaryNavigation

Learn more about this component and its use cases in GDS-docs.


Real-world pages 📚

We started to add real-world pages into the examples section of GDS-docs to showcase how to build entire pages by using GDS components properly.

  • George Business Overview
  • George Business Single Transfer

Example of two pages built entirely with GDS components


TouchSliderInput ✨

TouchSliderInput is an alternate component for use on touch screens. It should never be used on non-touch devices.

Example of a touch optimized variant of the SliderInput

Learn more about the touch optimized variant of this component and its use cases in GDS-docs.


Plus/Minus Input ✨

We added Plus/Minus Input component recipe in GDS-docs.

Example of a InputGroup with plus and minus controls in default and large variant


FileList customization added ✨

For use cases where the default FileList is insufficient, custom list items can be created.

Example of customized FileList items

Learn more about this component and its use cases in GDS-docs.


Card heading update ✨

We added a property to not restrict font size of heading H2 inside a Card.

Example of a Card with different headings

Take a look at an example in Playroom.


DrawerModal documentation 📚

We extended the documentation for the DrawerModal (George Business) in the examples section of GDS.

Example of a DrawerModal in George Business


Inclusive Personas 📚

We added a page about inclusive personas.

Cover page to the inclusive personas template in Figma

Thank you to everyone involved for their outstanding work on the latest design system releases!