Design Picker: Design and UX

[autumnfjeld]

Design Todos

• Allow multi-selection
• Update categories to match goals/features
• Free themes are more clearly separated from premium themes
• Explore better filtering system

First design draft

Figma Link

Related https://github.com/Automattic/wp-calypso/issues/95495 and https://github.com/Automattic/wp-calypso/issues/95651

[nuriapenya]

💡 Ideas

Shopify themes are pretty clear when it comes to free/paid themes. They have a dedicated filter for it, and whenever you choose a paid theme it's quite obvious you'll proceed using it but having to pay at some point:

[fditrapani]

Initial early explorations posted here: p9Jlb4-eT9-p2

[fditrapani]

Two new version have been posted:

1. i2: p9Jlb4-eYG-P2
2. i3: p9Jlb4-f3e-P2