LF Stats block redesign

[cjyabraham]

I think it would look better if the stats block keeps within the standard 900px content width for project journey reports: https://www.cncf.io/reports/vitess-project-journey-report/

[thetwopct]

This block was originally created for our About Us page, but its now not used there and is instead being used only for reports , but:

• Reports use a lot longer numbers than we originally designed this for (e.g. ">17,000" rather than "116")
• Reports typically have more than 5 big stats they want to promote

Considering on the etcd report the numbers are already squeezed at 1200px wide, we could probably do with looking at the design / layout. The numbers could perhaps be in a 2x3 layout and that would give them more space in 900px layout. Do you want to get some design input on this?

[cjyabraham]

I've asked G to suggest a design here

[cjyabraham]

Design from figma:

[thetwopct]

• The line like that are not really reminiscent of any other design pattern on the site and the 6th empty box looks strange to me
• Can we get a quick mockup for mobile? As I am not sure how the vertical lines should contract/grow with the screen
• I notice this doesn't meet your requirement for originally opening the ticket (it goes outside the 900px width)
• Could we try some different datasets to see how it looks? That way the block would be more useful to more than just project journey reports.

[cjyabraham]

Let's hold on this for now. With the upcoming Project Journey reports, let's see what designs they come up with to judge whether this issue is still relevant or whether we need to implement some new approach.

[cjyabraham]

sounds like we're opting for a full redesign of Project Journey reports so I'll close this much more limited issue