Shelter's design system

Owned by Caylee Farndon-Taylor (Unlicensed)
Last updated: Jun 17, 2021
1 min read

We use our Shelter UI kit to ensure that we are reusing components, and designing according to our global rules and styles. If you’ve not used a design system before, this might help: https://www.figma.com/design-systems/

Once a pattern has been built we can view the ‘live’ version in Storybook; which the developers can give you access to. This is a good place for doing QA.

Process for changes or additions to our global components: https://shelteruk.sharepoint.com/:w:/s/CandD/Ec3Mrz60vSpEnEn555SNGdkB14gAv483P1YHPN5VUwM0hg?e=MneyXu

Future changes:

  • Not all our components were rebranded in May and the other product teams will be sharing this work moving forward. Components with a team label to the left of them in the UI kit have work outstanding still. The full list is in miro: https://miro.com/app/board/o9J_lI3jLvA=/

  • There is Cross Org work outstanding to align the language used to name design patterns in the UI kit (Figma), codebase (Storybook), and CMS (Contentful). Andrea and Mark created a spreadsheet of proposed changes, here: