Art request - Passkey hog

[ReeceJones]

Outline

• We are adding a new sign in option for the posthog app using passkeys.
• This new option will be next to the other social sign in options (google, GitHub, gitlab) (see screenshot below)
  • Will be displayed just like the others " Passkey"
• I want the user to think "wow, this passkey thing is really slick and easier than any of the other options"
• Passkey UX can sometimes suck and be a 2nd-class experience. I think giving a designated illustration and putting it with the social auth buttons will make it feel premium.
• This illustration will only be shown on the sign in page. The sign up page and settings page will have separate flows for passkey registration that do not need an illustration.

Deadline & Priority

Before Jan 2 would be cool

Technical requirements

• Png or svg should be fine since it will be scaled down to button size
• Should be square to be consistent with other social sign in logos

Additional comments

I was thinking maybe a hog with a really big oversized key that he can barely hold but is really proud of?

[lottiecoxon]

Hey @ReeceJones ! this is a cool idea, just a few Q's to work out what exactly you need here:

Is it a small logo for the Passkey itself at the bottom of the page aka like this?

I worry a custom illustration would be too small to see at this size and loose the oomph we want - I went with a little key and thought we could add a background a little new sign to it

[ReeceJones]

Yes, it will look like that!

Hear you on a hog illustration being too small. I think the key itself looks good. Where can I find the key?

I like your suggestion of the accented background w/ the "New" tag. I'm gonna steal that and ship it.

[lottiecoxon]

@ReeceJones here is both SVG and png let me know if these work - if not you can redownload them at a preferred size and file type here in figma

[ReeceJones]

@lottiecoxon Thank you! Works perfectly!