Components

Keep users on their toes using Alerts Alert is a messaging tool used to notify users when something important happens in the current case or flow or to prompt them to take an action. Specifications Anatomy An alert typically consists of several key elements, which can include: Title: a brief text that appears at the

How inform and alert users with Banners ? A banner is a powerful tool for communicating important information or alerts to users on a website or application. It is a prominent message that appears at the top or bottom of the screen and persists over a session, making it highly visible and hard to miss.

Buttons - components, used to initialize an

Microcopy Label Keep it short Write for a single line Write unique and descriptive for each label Use sentence capitalization The label should be understandable even when stand-alone Don’t use punctuation Description For a longer description, prefer to start with a verb For a shorter description, consider writing a noun Name the specific action the

How to communicate with Dialogs in mind? Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks. A dialog is a type of modal window that appears in front of app content to provide critical information or ask for a decision. Dialogs disable all app functionality when they

Microcopy Use sentence case capitalization according to APA Style Don’t use punctuation The placeholder text in input fields should not contain critical information (instructions or requirements) not displayed elsewhere. Avoid appending the word “here” Write the placeholder text as an example or call-to-action: ExampleIf necessary, add “Example” at the beginning Do MM/DD/YYYY Do email@companyname.com Call-to-action

Microcopy Write descriptive and unique text for each link Don’t use punctuation Don’t capitalize Do You may create an email with your favorite email client and copy all links. Don’t You may create an email with your favorite email client and copy all links.More Information Do Define rules to transfer documents from one file cabinet

Loaders are progress indicators informing about

Microcopy Label Keep it short Write for a single line Write unique and descriptive for each label Use sentence capitalization The label should be understandable even when stand-alone Don’t use punctuation Description For a longer description, prefer to start with a verb For a shorter description, consider writing a noun Name the specific action the

Microcopy Label Use sentence case capitalization according to APA Style Write a single line: If possible don’t use more than 3 words Prefer to use nouns. Don’t write verbs in toggles with label and description Write unique and descriptive Don’t write sentence fragments. The label should be understandable even when stand-alone Don’t use punctuation Note When