Page MenuHomePhabricator

Typography section: Include more best-practices
Closed, ResolvedPublic

Description

Extend and improve “Typography” section with more best-practices:

  • Readbility / legibility
  • Type pairings
  • Type scales
  • Be explicit on language context of above for emphasizing universatility
  • Replace images with coded examples
  • Update section on strengthening alternate ways for operating system specific fonts vs Lato

Event Timeline

Volker_E triaged this task as Medium priority.Jan 30 2018, 9:31 PM
Volker_E moved this task from Backlog to v1.1 (Goal) on the Wikimedia Design Style Guide board.

@Nirzar Do I miss a document from another channel here? I don't recall where we've been communicating about this.

Notion and topics above are satisfyingly accomplished. Next step is to replace the exemplified images with treatment

Volker_E added a project: Patch-For-Review.

Replace images (HTML output of current typographic styles):

BeforeInitial proposal
image.png (900×974 px, 101 KB)
image.png (1,646×1,508 px, 237 KB)

Patch provided at:
https://github.com/wikimedia/WikimediaUI-Style-Guide/pull/144

*Updated screenshot with fixed whitespace, distances and code formatting*

Volker_E added a subscriber: Jdrewniak.

This patch has just been merged by @Jdrewniak and should be available online within next 15-30 minutes. This has also included minor wording changes, a.o. from “device fonts” to “system” or “operating system fonts” in regards to last point.

Part of this, as discussed in Style Guide meeting a few weeks ago is removing grid part of Typography section for now. It's not sufficient for aspirational character.
https://github.com/wikimedia/WikimediaUI-Style-Guide/pull/234