Skip to main content

Cards

Cards are used throughout the platform to represent content, views, apps and tools. They are consistant and will become recognisable so you are easily able to identity different types of content within the platform.

They contain brief information, give access to bottom sheets, and enable quick utlities such as sharing, duplicating, deleting and editing.

Content Card List#

The content list item card provides an intuitive and streamlined approach to managing content. It offers quick access to essential information, editing options, and advanced settings, making it a valuable tool to organise and manage your content more efficiently.

Name here

Type

When a user clicks on a content list item card, a bottom sheet appears that provides a more detailed view of the content. This overview includes essential information such as the title, author, date, and a brief description of the content.

Content Card Grid#

Content lists can be viewed in grid mode for a larger preview of content.

Name here

type

Sub Content Card#

Within apps that have sub content (for example, sub projects), these pieces of sub content are represented by sub content cards, and have similar functionality to content cards. They also allow you to select sub content to view within the app. Some apps let you view more than one sub content at a time, for example projects will let you view multiple sub projects one after another.

Sub Project 1

Sub Project 2

Modules#

The module card is shown when adding modules to content within an app, and gives an overview of the modules functionality and purpose. Clicking on the module (not the add button) will bring up a detailed overview of the module.

Module Name

Module description

Add

Views#

A view card is shown when adding views to an app. It provides an overview as to what functionality the view gives. Clicking on the view (not the add button) will bring up a detailed overview of the view.

List

Your Progress in a glance.

Tool Cards#

A tool card is shown when adding tools to your workspace. It provides an overview of the tool. Clicking on the card (not the add button) will bring up a more detailed overview of the view.

AI Image Gen

Your Progress in a glance.

App Cards#

An app card is shown when adding apps to your workspace. It provides an overview of the app. Clicking on the card (not the add button) will bring up a more detailed overview.

Projects

Your Progress in a glance.