Better sans-serif headings font-weight balance possible with serif headlines?
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Volker_E
	Nov 8 2019, 11:59 PM

Description

In modern front-end times, and with better fonts, we are not limited to bold and normal as font-weight any more.

As of now, the serif headings h1 use '400' while h2-h5 uses 700. This results in an imbalanced look IMO.

I'd suggest to evaluate 600:

Related Objects

Mentioned In: T237019: Spacing between icons and labels is too large in tablet mode

Event Timeline

Volker_E created this task.Nov 8 2019, 11:59 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptNov 8 2019, 11:59 PM

Hey 👋, just fiddled around in the console with this on design.wikimedia.org. I’m in favor of font-weight: 600;. It feels more harmonic with h1, whereas 700 is competing with it.

Volker_E claimed this task.Dec 10 2019, 1:22 AM

Volker_E added a subscriber: Pginer-WMF.

Patch provided at https://github.com/wikimedia/WikimediaUI-Style-Guide/pull/316. Also clarifying language a lil better and resolving an error in a sentence.

Volker_E mentioned this in T237019: Spacing between icons and labels is too large in tablet mode.Dec 12 2019, 1:40 AM

This is ready to be reviewed @Pginer-WMF…

In T237786#5734390, @Volker_E wrote:

This is ready to be reviewed @Pginer-WMF…

The updated style looks good to me. As pointed above, h2 headers have a better balance with h1, while still working well with respect the body text.

Volker_E closed this task as Resolved.Dec 12 2019, 6:34 PM

Volker_E triaged this task as Low priority.

Volker_E removed a project: Patch-For-Review.

Volker_E moved this task from Backlog to Done on the Wikimedia Design Style Guide board.Dec 12 2019, 8:01 PM

Better sans-serif headings font-weight balance possible with serif headlines?Closed, ResolvedPublicActions

Description

Related Objects

Event Timeline

Better sans-serif headings font-weight balance possible with serif headlines?
Closed, ResolvedPublic
Actions