Page MenuHomePhabricator

Standardize typographic scale for the portal
Open, Needs TriagePublicDesign

Assigned To
None
Authored By
Iniquity
Jun 17 2020, 10:04 PM
Referenced Files
F31869866: www.wikipedia.org_(iPhone 5_SE).png
Jun 17 2020, 10:44 PM
F31869860: www.wikipedia.org_(iPhone 6_7_8) (3).png
Jun 17 2020, 10:44 PM
F31869861: www.wikipedia.org_(iPhone 6_7_8) (2).png
Jun 17 2020, 10:44 PM
F31869865: www.wikipedia.org_(iPhone 5_SE) (1).png
Jun 17 2020, 10:44 PM
F31869848: proposal fs wikipedia.png
Jun 17 2020, 10:18 PM
F31869818: image.png
Jun 17 2020, 10:04 PM
F31869843: current fs wikipedia.png
Jun 17 2020, 10:04 PM

Description

At the moment, in my opinion, the portal uses not optimal font sizes. A lot of small text; practically indistinguishable sizes; sizes that do not match the style guide. To continue this task (T160704#6198949), I suggest some changes.

Current

current fs wikipedia.png (1×1 px, 193 KB)

Proposal

proposal fs wikipedia.png (1×1 px, 210 KB)

I have changed:

  • 16px for description and mobile block
  • 16px for project name in project block
  • Button 16px

Should we change:

  • Wiki names of top10 are something like headers. They should be larger than the main text in my opinion.
  • Header of the mobile block. Something like Heading 3 (20px). Relative: T254653

Event Timeline

Thanks @Iniquity for the proposal. It would be helpful to have this comparison also for a mobile canvas (375px).

For mobile - 375px:

CurrentProposal
www.wikipedia.org_(iPhone 6_7_8) (3).png (3×750 px, 370 KB)
www.wikipedia.org_(iPhone 6_7_8) (2).png (3×750 px, 400 KB)

For mobile - 320px:

CurrentProposal
www.wikipedia.org_(iPhone 5_SE) (1).png (3×640 px, 365 KB)
www.wikipedia.org_(iPhone 5_SE).png (3×640 px, 391 KB)

hello @Iniquity i just see your proposal. In this proposal you mentioned font sizes are not according to the style guide.
Can you tell me the present scenerio if still these changes are required. I would love to work on this.