Page Comparison

🏹 Goal

Deliver delight and satisfaction through a clean, focused experience by including current trending style, more focus is on the content or text style as compared to design style. Standard color groups to identify different features or functionalities.

🏹 Objectives

Clean screen background

Less color usage for screen elements

One family icons

Colors as per functionality and groups

Standard placement of buttons

💪 Items covered

Form Background
Form Fields
- States (Default, Hover, Active, Mandatory)
Form Sections
- No section border
Message Box
Buttons
- Primary
- Secondary
- Warning(Delete)
- Multi-Action
- Pick List
Action Dropdown
Summary Screen
- Customized as per module
Module Dashboard
List Screen
- Header
- Table Style
- Hover
- Action Button
- Paging
- Filter Row Background
Homepage
- Background
- Widget Header and Border
- Menu Style, Icons, and Top Header Icon (SF Symbols)
Widgets
- Color Code based on Status
Calendar
- Remove Status Column
- Display Flag with Text and # of Days