Skip to end of banner
Go to start of banner

Facelift 3.0 Guidelines

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Version History

« Previous Version 3 Next »

🏹 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

💪 Screenshot

PopUp, Forms, Section, and Fields

List and Button

Home and Widgets

Summary

🗺 Explorations + Decisions

🗓 Releases

Release Name

Value it adds

Scope

Status

Completed date

Dev & QA

InProgress

UAT

InProgress

Live

22.1

👣 Next steps

  • SET A STATUS

📈 Impact

Help Guide

Delico(Button Position Changes, Icon Size and Style )

Automation Testing (Button Position Changes, Icon Size and Style )

🔗 Other documents

  • No labels