Site Audit: Check Login page for visual design consistency

[NilakshiS]

Overview

Check the TDM Calculator Login page for consistency with the design system and document any discrepancies.

Action Items

Analyze the applicable UI elements on page and check that they are aligned with the style guide, document inconsistencies:

• Text
  • Color
  • Typography
• Buttons
  • Color
  • Typography
• Inputs and fields
  • Color
  • Typography
• Accordions
  • Color
  • Typography
  • Icons & Images
• Tooltips
  • Color
  • Typography
  • Icons & Images
• Infoboxes
  • Color
  • Typography
  • Icons & Images
• Links
  • Color
  • Typography
  • Icons & Images
• Page/Content Backgrounds
  • Color
  • Icons & Images

Resources/Instructions

• What to check:

  • Color Palette: Check for adherence to palette and correct usage
  • Typography: Check for correct size and other font attributes, correct usage
  • Icons and Images: Check for correct icons & images being used in recommended color and sizes

• TDM Calculator dev site Login page

• Style Guide Presentation

• Design System on Figma

• Annotated Figma file from previous site audit