Reader View: Increase the contrast/hierarchy of the h1 headers

NEW
Unassigned

Status

()

Toolkit
Reader Mode
P3
enhancement
3 years ago
2 years ago

People

(Reporter: mmaslaney, Unassigned)

Tracking

38 Branch
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [about-reader-ui], URL)

Attachments

(2 attachments, 1 obsolete attachment)

The bold h1 system fonts appear a bit clunky. I propose we increase the size of our h1's to 2EM, while adjusting the font-wight to regular/inherit. This will create a more tasteful visual hierarchy between the main header and the paragraph text.

Screens: 
Serif - http://cl.ly/image/1Q2K2z2P3t1H
Sans Serif - http://cl.ly/image/2w100o2L1F15

Comment 1

3 years ago
This is then for both controls (header>h1) and for content?
If so, then it needs to be aligned with h2 and h3.
Created attachment 8605894 [details]
Screen Shot 2015-05-11 at 9.03.47 AM.png
Created attachment 8605895 [details]
Screen Shot 2015-05-14 at 9.34.45 AM.png
Created attachment 8605896 [details]
Screen Shot 2015-05-14 at 9.35.03 AM.png
Attachment #8605894 - Attachment is obsolete: true

Updated

2 years ago
Component: General → Reader Mode
Product: Firefox → Toolkit
Target Milestone: Firefox 40 → ---

Updated

2 years ago
Severity: normal → enhancement
Priority: -- → P3

Updated

2 years ago
Whiteboard: [about-reader-ui]
You need to log in before you can comment on or make changes to this bug.