Page MenuHomePhabricator

Review line-heights for typography changes in light of the feedback we got about Minerva for other Minerva sizes and V22
Closed, ResolvedPublic

Description

  • Review prototypes again
  • Review other minerva sizes
  • Review feedback on the beta
  • Review any literature on density and readability
  • Make a decision on line heights
  • Review decision with internal team
  • Write up and publish rationale

Event Timeline

JScherer-WMF renamed this task from Review line-heights on Vector22 typography changes in light of the feedback we got about Minerva to Review line-heights for typography changes in light of the feedback we got about Minerva for other Minerva sizes and V22.Feb 27 2024, 5:45 PM
JScherer-WMF updated the task description. (Show Details)

also look at T357084 in the scope of this ticket

I took another look at all of our typography in light of our learnings about ASD and other community feedback in T357770 and the vector beta project page. Here are the new proposed line-heights.

Vector22

ParamSmallStandardLarge
Font-size(px)141620
Line-height(em)1.571.61.5

Minerva

ParamStandardMediumLarge
Font-size(px)161820
Line-height(em)1.651.61.5

Rationale
Upon reflection and a lot of community feedback, I realize that I over-applied the "maintain or increase density as a scanning affordance" insight in the designs to date. The large size on Vector was especially tight. With the exception of "small" on vector, which is a legacy style, the line heights get progressively denser as fonts get bigger, but in a much less extreme way than I had initially specified. Let me know if there are any questions!

@ovasileva @Jdlrobson I'll leave creating the implementation tickets up to you.

@ovasileva so reading through this the following tasks would be needed:

  1. Change line height for Medium font size on Minerva

The current line height is 1.5, so we want to change it to 1.6
(Note: STANDARD and LARGE already match those specs)

  1. Increase line height for Vector in standard and large mode

(From 1.5 to 1.6 for standard, 1.3 to 1.5 in Large)