Cohesive design language for notifications and cells across all products and platforms

[daniellekirkwood]

Your use case

hand in hand with other Get Your Update issues

We need to define the ideal state for notifications visuals, colours, spacing, cell decoration, across all platforms. Then we will break the ideal state into chunks of work by platform that can be delivered. This includes EX.

All platforms should have an updated notifications language that in cohesive, consistent, and clear (including counts, badges, colours, layout, spacing)

Things to consider:

• Colours - grey, dark grey, red,
• Weights - bold, italics, neither
• Room types and tags: Low priority/mute, favourite, neither
• Spaces notifications
• Room list - spacing, timestamps, message previews, dots/counts
• Room header - notification panel, threads icon, voip icon,
• Mark as unread (simple) (link GH issue)

☝️ not a complete list...

Have you considered any alternatives?

No response

Additional context

No response

Are you willing to provide a PR?

No

[daniellekirkwood]

@amshakal this is the issue that we discussed when going through the document here: https://docs.google.com/document/d/1J6-XyVQsthkylffD20UrCFbWF_g9mao8JS2bhn5z1SU/edit#heading=h.8nv6z8s5df7c