Design Pattern Library 1.5

General Guidelines

Desktop/Web

Mobile (Tablet & Phone)

Visual Design Guidelines

Mobile - Popup

Problem

A displayed element must be able to easily reveal a small amount of additional information, while remaining associated with the current context or page.

Solution

A Pop-Up is a child "page" that is smaller than the viewport and that appears modally on top of the parent page or display context that spawned it.

Examples