Estimates assuming we are not placing a cursor for editing slides.

It felt easier to estimate with some breakdown here. To communicate the total I am marking the task title as [XL].

1. M - Add image to feature announcement component
2. L - Build a component that supports all the YiR slide header image variants (display image or string, if string pass in font variant, add additional background images like clock, etc.)
3. M - Add component to all YiR slides (format and pass in text)

We have some general design feedback and questions - we left them on the Figma.

Some more context and thoughts on that middle Large task after engineering syncing on this one:

We will need to layer multiple images to ensure proper layout on iPad, which has a different ratio from iPhone. If we instead simplified to one image, the Wikipedia logo and the bottom would likely get stretched or clipped. We need:

One image to be centered (globe, people overlay, Wikimedia Foundation overlay)
One image for the Wikipedia logo in the lower right
One image for the colorful background

Then we layer each one on top of the other to complete the look.

I'm hoping that stretching the colorful background image will work nicely. If not, we may need to draw out the gradient ourselves. If we need to draw out the gradient ourselves, then we will also need to layer a fourth image for some slides for the heart and clock symbols.

I also think even for the collective slides, we should overlay some text just like the personalized slides instead of bundle the collective count in as part of the image. For one, this would keep with a consistent font and look with the personalized slides. Two, some region number formats would not use a comma, so we should let the system decide best how to format the "399,100" number instead of building it into the image.

Some areas where we may be able to claw back a little bit of complexity:

1. We use a consistent font and weight for all slides. In the current design some counts are more thin and have a different format (commas or no commas). It would be more simple if we keep it all the same.
2. If we decide we need to draw out the gradient ourselves, removing the faded heart and clock on some of those slides would simplify it for us.

@scblr Do you expect any changes to these header images for the Sepia, Dark and Black themes?

Thanks @Tsevener

In T377870#10260167, @Tsevener wrote:

@scblr Do you expect any changes to these header images for the Sepia, Dark and Black themes?

To keep it simple – I’d say no for now.

I also think even for the collective slides, we should overlay some text just like the personalized slides instead of bundle the collective count in as part of the image. For one, this would keep with a consistent font and look with the personalized slides. Two, some region number formats would not use a comma, so we should let the system decide best how to format the "399,100" number instead of building it into the image.

Hmm, it is pretty unified (using "SF Pro"). Part of the fun is to play with different styles of SF Pro. It might look stale if we just use one type of style. But yeah, maybe we can progressively enhance from having one font that works (e.g. the one on the first slide) and, if there’s time, experiment a bit together with different styles.

One image to be centered (globe, people overlay, Wikimedia Foundation overlay)
One image for the Wikipedia logo in the lower right
One image for the colorful background

I can produce all the assets needed. Also e.g., simplify a few things, like using an SF symbol for the clock in the background.

If we decide we need to draw out the gradient ourselves, removing the faded heart and clock on some of those slides would simplify it for us.

I’m unsure if drawing the gradients in code will lead to the same output as in the designs; they’re pretty complex in how they are drawn on Figma. I am happy to be proven wrong with this assumption, though.

Looks good on 7.6.2 (4479)