Every system needs a solid foundation to ensure that what we build on top of it is stable and consistent. In the case of our own design system that foundation consists of the following core elements from which all other building blocks are derived:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/80aea849-4e93-4257-862b-08f635b686c0/TrustYou_UI_-_Thumbnail_Colors.png

Colors

Shade ranges for all our colors, grouped into one palette and distributed as a theme.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1f84591a-671d-441d-86c6-78128792114d/TrustYou_UI_-_Thumbnail_Typography.png

Typography

Everything type related, from fonts and scaling, to color and styling conventions.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/56428d1f-0c2f-4b23-86c7-56d2b09274a9/TrustYou_UI_-_Thumbnail_Spacing.png

Spacing

Standardized scale for margins, paddings and grids, for both web and mobile.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fdc45b2c-9b77-412f-994d-6bb94c3b2d31/TrustYou_UI_-_Thumbnail_Elevation.png

Elevation

Shadow levels used to define the distance between different elements on the z-axis.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d6180b44-2b2b-43c0-9bf7-33de6d22c3da/TrustYou_UI_-_Thumbnail_Icons.png

Icons

Complete catalog along with guidelines, downloads and embedable links.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5ed36e06-bf3e-4796-90cd-d7edd34fbd0c/TrustYou_UI_-_Thumbnail_Animations.png

Animations*

Archive of animations from our products and website, usable as either images or code.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7e0fc69c-6251-405d-a4cc-562a0752167d/TrustYou_UI_-_Thumbnail_Pictograms.png

Pictograms

More complex version of icons, usable as images in empty and error states.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9ab65960-f2dc-4a43-8f5b-9bdf9cced489/TrustYou_UI_-_Thumbnail_Overlays_Overlays.png

Overlays*

Backdrops used for galleries, modals, drawers or other components.