Skip to Main Content

Pelican Design System icon Pelican Design System App Screen

App Screen

The App Screen is the container for your digital product.

On this page:

Best Practice

The App Screen provides the basic user interface frame. It contains the following 6 parts, presented in their source order

  1. Skip Link
  2. Page wrapper elements
  3. Sidebar Navigation
  4. Topbar
  5. Main
  6. Back to Top Button

Usage

See the Pen Toasts by LA Gov Design Team (@lagovdesignteam) on CodePen.

Page top