Page MenuHomePhabricator

[EPIC] Typography scale and font sizing
Open, In Progress, MediumPublic

Description

Problem

There are inconsistencies in how elements within Codex behave in different skins and between Figma and code. This has led to confusion between design and engineering and raised questions about what the expected behavior should be. There is also a Codex typographic scale that is not widely used and differs from the font preferences recently made available in the Minerva Neue and Vector 2022 skins.

Goals

  • Minerva Neue and Vector 2022 use the Codex typographic scale.
  • Codex components can be scaled to the needs of a MW skin based on the body font size.
  • Designers using Codex can expect their Figma mock ups to translate predictably into implementation in code without having to design for specific skins.

Principles

  • Codex should be MediaWiki-agnostic, but still support MediaWiki use cases.
  • The default behavior should be predictable and easy to understand.
  • It should be possible to override the default behavior.

Related / Past Work

Related Objects

Event Timeline

CCiufo-WMF triaged this task as Medium priority.May 28 2024, 5:26 PM
CCiufo-WMF updated the task description. (Show Details)
CCiufo-WMF updated the task description. (Show Details)
CCiufo-WMF updated the task description. (Show Details)
CCiufo-WMF changed the task status from Open to In Progress.Thu, Jul 4, 5:17 PM