Page MenuHomePhabricator

Typography section: Include more best-practices
Open, NormalPublic

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 created this task.Jan 30 2018, 9:31 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJan 30 2018, 9:31 PM
Volker_E triaged this task as Normal 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.

Volker_E updated the task description. (Show Details)May 20 2018, 3:35 PM

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

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

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

Volker_E updated the task description. (Show Details)Sep 25 2018, 6:13 PM
Volker_E removed a project: Patch-For-Review.EditedSep 27 2018, 4:49 PM
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.

Volker_E updated the task description. (Show Details)Sep 27 2018, 4:49 PM
Volker_E updated the task description. (Show Details)Nov 20 2018, 12:45 AM