Components

Content Panel

What

The content panel is the central section of the context frame where the primary information, features and interactive elements related to the selected entity are displayed.

Why

To provide prominent space for the mid-level information and actions related to the entity in context.

Where

Often the largest, central section of a screen. Can be surrounded by other elements of the context frame, such as a header, info panel & detail panel.

Best Practices

Mobile: While this section is often landscape oriented on a desktop view, the ability to convert to portrait orientation for mobile should be considered.

Related Principles

Design Systems

A design system is a set of design standards for a company or a specific project. The primary elements of a design system are: color & text styles, icons & illustrations, and commonly used components. It can also include things like code standards, layout...

UX/UI Design Glossary

Chrome Visual elements that provide users information about or commands to use the screen's content. Chrome is not part of the content itself. Examples would be buttons, labels, and menus. Edge Case An uncommon situation when a user's experience falls outside the...