Foundations are the atomic parameters that form the basis of everything to do with Blocks. Intended colour usage, typography choices, and inclusivity principles, to name but a few.
Any decisions that have been made to help define Blocks can be found here.
Colour is one of the most subjective, yet important parts of a design system. A colour palette needs to walk the tight rope of representing the brand accurately, whilst also providing enough contrast between elements to cater for users with any form of colour blindness.
When designing for a physical space, we would consider the materials and environment of that space. To help bring a sense of logic and order to Blocks we thought about the environment that it lives in and have defined rules around elevation, lighting, and textures.
Blocks in a physical environment
Our typography scale creates visual hierarchy to help navigate through the content.
{Introduction to how the Layout allows for intuitive and extensible navigation etc}
Why and how elements move in the Qredo web app.