2FA mockup

[AmaLuci]

Design the user interface for managing two-factor authentication (2FA) in the Settings section of NethVoice CTI, allowing users to enable, disable or view the current status of their authentication.

• Settings menu and icon
  Update the menu item for 2FA under Settings (suggested label: Two-factor authentication), with appropriate and consistent icon.

• 2FA page layout
  Design the default view for when 2FA is enabled and disabled, including status badge and clear call-to-action buttons.

• Configuration flow
  UI for enabling 2FA via OTP (QR code setup, verification step, confirmation message).

• Disable 2FA flow
  UI for disabling 2FA securely (confirmation, feedback state).

• Login with 2FA flow
  Design of the login screen variant that prompts for OTP after password, including error states.

Notes

• Maintain consistency with spacing, typography, and iconography already in use in NethVoice CTI.
• Follow Nethesis Design System (NDS).
• Be consistent with how 2FA appears in NethSecurity, where applicable, while adapting to the context of CTI.

[AmaLuci]

Mockups ready in Figma