Info Panel

What

An info panel is a section that shows a summary of information about an entity in context.

Why

To provide an overview of generally useful information about the entity in context

Where

Often on the left hand side of screen in between navbar (or queue) and main content or at the top of screen as a header

Best Practices

This panel is for general information. For more detail, use a details panel.

Related Principles

Design Systems

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

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...