Tokens are the core building blocks of the design system, describing colors and font sizes.
Blocks are the sections a page is made of. These are the components that you use in Sanity to build pages using the block array.
See below for a structured lists of available blocks and their variations.
Components are the atoms that are used to build the blocks. You rarely interact with these directly unless you are developing a new block.
See below for a structured lists of available blocks and their variations.
A set of custom icons can be used to communicate abstract ideas and product features.
Brand illustration set the visual tone. They are used to convey the notion of the product, its features and values.
They can also be used to communicate high level abstract concepts, that cannot be easily represented by stylized product UI.
Explainers are used as graphic elements that explain specific topics, features, or themes. They are often stylized UI elements that animate when they appear on the screen.
Logos of supported formats and integrations are kept as SVGs, which makes them easy to inline and re-style.
Below is a list of all logos currently available as inline SVGs.