Update rich presence image examples with redesigned activity cards

[bdbaraban]

Asana

---

We recently launched redesigned activity cards to 100% of users! This updates the documentation for the rich presence API to reflect changes, including:

• New image examples
• "Join Activity" >>> "Ask to Join"
• Describing new state (party) behavior

I exported all assets from Figma at 3x resolution, and ran them through TinyPNG before uploading them here. Here are a bunch of screenshots! 📸

[valdotle]

Join- and spectateSecret could maybe use the respective icons as well, to make the attribution clearer and the legend more consistent.
Furthermore, travelling (right half) has a typo...

[bdbaraban]

I'll ask about updating the legend with badge icons!

Where is the typo in traveling?

[valdotle]

Apparently, that's my bad, something something British English...

[valdotle]

Will the rich presence visualizer be updated to reflect this as well?
And while the tables certainly might not be the best solution for these good-bad comparisons, I'm not sure if/how having the subtext in the image works with (dark/light) theming. You'd probably have to use a svg...

[bdbaraban]

Will the rich presence visualizer be updated to reflect this as well? And while the tables certainly might not be the best solution for these good-bad comparisons, I'm not sure if/how having the subtext in the image works with (dark/light) theming. You'd probably have to use a svg...

Thanks for the catches! Yes, I had this PR in draft mode while we updated the assets to use gray backgrounds for legibility (just updated these now!). Following up with my team about your other catches.

What is the rich presence visualizer? Our team has not made plans to update this.

[valdotle]

Thanks for the catches! Yes, I had this PR in draft mode while we updated the assets to use gray backgrounds for legibility (just updated these now!). Following up with my team about your other catches.

I guess a gray background works, though it's not the best solution at least the text should be visible now...

What is the rich presence visualizer? Our team has not made plans to update this.

This tool on the app page allowing for easy testing:

[bdbaraban]

I guess a gray background works, though it's not the best solution at least the text should be visible now...

Agreed. We updated to the gray background as an easy fix that matches how this problem is solved in current images.

This tool on the app page allowing for easy testing:

Thanks! Yeah ideally we should update this tool, too. Going to keep this out-of-scope of this PR, but will sync with my team about following up on this.