Plasma Design System
Home
Brand
Design principles
Foundations
Iconography
Colors
TypeKit
Layout
Header
Table
Modal
ModalWizard
Sticky footer
Form
Button
Code editor
Collection
Legacy documentation
Welcome to
PLASMA
Coveo’s platform design system & ionized Vapor.
Learn more about our brand, our values and our story by visiting our brand page.
Be part of the progress! Contribute to Plasma on GitHub.

Foundations

Iconography
Icons are used to visually represent actions, functionalities, and features.
Colors
The colors that give Plasma its identity

Layout

Header
A page header informs a user of the section of the product they are currently in. It includes a breadcrumb and optional call to actions.
Sticky footer
A page footer that sticks to the bottom of the screen.
Table
A table displays large quantities of items or data in a list format.

Form

Code Editor
A code editor is a text area that allows users to edit code. A coding syntax is built in.
Collection
A collection allows users to provide multiple inputs for the same parameter. Each input appears on a different line.