Feedback: Testing new components

[vincentdelitz]

Desktop:

• Features
  • Add rel="dofollow" to the "Secured by Corbado" badge link
  • I know we have discuseed pre-filling / LocalStorage but would it possible to keep the email / username / phone number value, pre-filled when switching between Login & Sign-up screen?
  • After creating a new account with a passkey and then trying to directly re-login (without confirming the email address beforehand) kicks in the OTP send out again (which is correct behavior). However, the screen here doesn't tell me that it is coming up because my account is not confirmed. We somehow need to modfy the title / subheading telling the user, that even though he has set up a passkey already, we briefly need to confirm the email address via OTP before letting him use the passkey in the future for logins. This behavior currently happens with Conditional UI login and also with regular login (in Conditional UI case, we cannot change it but in the regular login case, we need to detect that the account / passkey is not yet confirmed and thus the passkey login popup must not appear directly, but instead the OTP screen with the appropriate message (as desribed above) should appear directly to avoid user confusion / an unnecessary fingerprint or face scan.
• Design
  • Autofilled input fields have a weird light-blue background color in Windows 11+Chrome, when the value is selected. Please change color transparent:
    
  • Blue Edit icon color looks weird -> I'd go for another color, e.g. white, grey:
    
  • I think this screen, can be visually improved in general (color, fonts styles), but most importantly, I'd shift the "Open in XX" text of the buttons more to the right, as the big blank space there looks a bit misaligned:
    
  • Contrast between error font and background needs to definitely changed:
    
  • Try to fit the lower aspect into 2 lines (e.g. rephrase:
    

Mobile

• Features
  • on Android14+Chrome, copying the entire email OTP (or probably SMS OTP as well) and trying to paste it into the OTP input fields does not work as only the first number is entered and then an error message pops up "The cdode is invalid or expired". Typing in the code manually and submitting works though
• Design
  • This feedback aspect is specific for our developer panel. We need to remove the "No credit card required. No lock in." message from the top, as it was quite annoying that the component was jumping when you clicked on an input field.

Other

• Some inspiration regarding optimizing the UI and more adhering to Vercel styling can be found in the following two links. Please take this into consideration when improving the UI
  • https://ui.shadcn.com/
  • https://vercel.com/geist/introduction

[vincentdelitz]

@Adam3371 fyi