In CET, users mainly interact with the system using a keyboard or mouse. These tools help them navigate, give commands, and perform actions, making their experience smooth and efficient.

Icon Library

Interaction

The left panel, where all the extensions are placed, might also be mistakenly referred to as the component area or toolbox.

Extension_panel

Keyboard input

Design System

Changelog

Newsletter

Contact us

Welcome! 👋

Design Principles

Accessibility

Color

Typography

Spacing & Layout

Iconography

Mouse gestures

Tone of voice

Inclusive language

Language & grammar

Formatting

Best practices for writing

System status

Content design

Foundation

Anatomy of CET

Extension Tab Bar

Extension Header

Extension Content

Extension panel (Toolbox)

Core structures

Alert Banner

Message Banner

Toggle Switch

Tool Button

Product Button

Components

Window Inspector

CET and SVG Files

Tutorial: Integrating Message Banners

Tutorial: Adopting the new UI style for Extension Libraries

Tutorial: Structuring your Table of Contents for Data Driven Catalogues

Tutorial: Facelifting Hybrid Catalog Libraries

Reference: Catalogue UI Levels

Catalogue Table of Contents with the New UI

CET Developer Guides

About CET New UI

New UI Adoption Info

Frequently Asked Questions (FAQ) for New UI

Untitled