Skip to main content


Messages provide the user with contextual static information. They have a lower priority than an alert.


This is a primary message

This is a secondary message
  • Fills the width of its container.
  • Should have an accompanying icon to the left of the message text. When the text spans multiple lines, the icon should remain aligned to the top.


  • Messages should remain static on the page. They should not be dismissible.


  • Messages should be brief, full sentences, with proper punctuation.
  • They should provide the user with helpful, contextual information about a possible action or a set of data.


Element Property Color
Primary Color Trimble Blue White
Background Pale Blue Dark Mode Blue (20%)
Secondary Color Trimble Gray White
Background Light Gray Gray 9