Please make sure the components are used as specified, without changing how they function. Only minimal customization is allowed, since larger changes could affect consistency and functionality.

 defines basic building blocks (components) for designers and developers to build beautiful and functional human interfaces. 

System status

Components

Alert Banner

Design System

Changelog

Welcome! 👋

Design Principles

Accessibility

Color

Typography

Spacing & Layout

Icon Library

Iconography

Keyboard input

Mouse gestures

Interaction

Tone of voice

Inclusive language

Language & grammar

Formatting

Best practices for writing

Content design

Foundation

Message Banner

Toggle Switch

Extension Tab Bar

Content Layout of a Component Tab

Extension Header

Product Button

Tool Button

Components Area (Toolbox)

Anatomy of CET

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

Components

Main Components

Components Area (Toolbox)