Page-Level Messaging

Owned by Jesilyn Barnes (Deactivated)
Last updated: Jun 02, 2019 by Karen Jennings
1 min read

Page-Level messaging refers to certain system-generated or user-generated messaging that applies to the current page that the user is on. If the message only correspond to certain sections or elements on the page, we would NOT use a Page-Level message, it will be a Block-level message for sections and Local message for elements. 

These are the specifications for a Page-Level message:

  • Is a block that floats on top of the site,
  • Its width is determined by the content inside,
  • Has a max-width that matches the content area of the site,
  • It would be revealed from behind the global header,
  • Would be fixed on the page, 16 pixels beneath the global header,
  • The style would match the Block-Level message with the addition of a drop shadow.
  • Icons are typically 24 x 24 px. Icons
  • Text is typically Dark Regular Body by default. Typography

The message that is showed above in the green box - "Item successfully removed from your cart. Undo. X"- would be an example of a "Page-Level 'success' message".