Web-stories-wp: Color Presets redesign

[o-fernandez]

Feature Description

Product Brief

UX Design

Alternatives Considered

Additional Context

Reviews

• [x] Product brief reviewed by UX
• [x] Product brief reviewed by eng (TL and/or dev)
• [ ] UX Design reviewed and approved by PM
• [ ] UX Design reviewed and approved by eng
• [ ] Eng design reviewed by TL (if needed)

---

_Do not alter or remove anything below. The following sections will be managed by moderators only._

Acceptance Criteria

Implementation Brief

[samitron7]

Over of color rules including addition of local and global color to design panel and color picker widget: Figma

[barklund]

This ticket is redesign only, not about adding global colors (that work is to be done in #3635).

[miina]

There were no more issues in the Sprint backlog so pulling this in. FYI @barklund @bmattb

[miina]

@samitron7 Confirming about the split color presets in Figma. Do we want to split the colors only in case of solid colors, or also in case of gradients?

Split colors in case of gradients and solid:

^ On the last preset here one of the color stops is almost transparent blue, however, making it opaque for the split leaves quite a different impression compared to how it actually looks like, perhaps the splits are meant for solid only?

Split colors in case of solid only and displaying gradients as they are:

[samitron7]

@miina Split are meant for solids only to help indicate the solid color especially if opacity is low. For gradients, you may have multiple colors so we can't do the split.

[bmattb]

@o-fernandez In backlog grooming it was flagged that this ticket is dependant on #4104 which won't be completed until Friday / end of sprint, however this can be prioritized for week 1 of S40, and still make it into the V1.1 release

[bmattb]

tagged with release 1.3 as per roadmap document, moved out of current sprint due to dependancy on #4830