A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | View Post | Typecast | Fontshop | MyFonts | Webtype | Mailchimp UX | Campaign Monitor | Litmus | Medium | Offscreen Magazine | Product design weekly | Jason Rodriguez | Semplice | Boagworld | The New York Times Nicholas Kristof | The Daily Beast | The New York Times Cooking | Los Angeles Times The Digest Newsletter | H&M | Mr Porter | patagonia | Size? | Nixon | GoPro | Moo | Jawbone |
2 | Send Date | 10/27/2014 | 12/18/2014 | 12/?/2014 | 1/23/2015 | 11/13/2014 | 11/26/2014 | 12/22/2014 | 1/14/2015 | 9/10/2014 | 12/23/2014 | 11/30/2014 | 12/16/2014 | 12/27/2014 | 12/30/2014 | 12/31/2014 | 12/31/2014 | 1/7/2015 | 12/7/2014 | 12/18/2014 | 12/17/2014 | 1/18/2015 | 1/9/2015 | 12/26/2014 | 12/27/2014 | 12/19/2014 |
3 | Desktop Primary Heading | |||||||||||||||||||||||||
4 | Serif vs. sans-serif | sans-serif | sans-serif | sans-serif | serif | sans-serif | sans-serif | sans-serif | serif | sans-serif | sans-serif | sans-serif | sans-serif | serif | serif | sans-serif | sans-serif | sans-serif | serif | serif | sans-serif | serif | sans-serif | sans-serif | sans-serif | sans-serif |
5 | Typeface | EnzoWebPro-Bold | Lucida Grande | RooneySans | Fakir Display Cond | Helvetica (bold) | Lato | Proxima_nova_rgbold | FF Tisa Web Pro | Helvetica bold | Helvetica Neue | Helvetica | Avenir Next LT Wo1 Bold | Merriweather | Georgia | Titling Gothic FB | Arial bold | Arial bold | Didot | Georgia | Muli | Georgia | Avenir Next | Arial | Verdana | Myriad Pro |
6 | Fallback | Helvetica Neue, Calibri, Arial, sans-serif | Arial, Helvetica, sans-serif | PT sans, lucida sans, Helvetica, Arial, sans-serif | Impact, sans-serif | n/a | Tahoma, sans-serif | Proxima Nova, Helvetica, Arial, sans-serif | Georgia, Cambria, Times New Roman, Times, serif | sans-serif | sans-serif | Arial, sans-serif | Helvetica, Arial, sans-serif | Georgia, Times, Times New Roman, serif | Times new roman, sans-serif | Arial Narrow, Gill Sans MT, Franklin Gothic Medium, Arial, sans-serif | Helvetica, sans-serif | Helvetica, sans-serif | Garamond, Georgia | serif | Arial, Helvetica, sans-serif | Times New Roman, Times, serif | Helvetica, arial, sans-serif | Helvetica, sans-serif | sans-serif | Tahoma, Helvetica, Arial, sans-serif |
7 | Using webfonts | Yes | No | Yes | Yes | No | Yes | Yes | No (see note) | No | No | No | No | Yes | No | Yes | No | No | Yes | No | Yes | No | No | No | No | No |
8 | Service or self hosted | Typecast | n/a | MyFonts | Webtype | n/a | self-hosted | n/a | n/a | n/a | n/a | n/a | n/a | self-hosted | n/a | n/a | self-hosted | n/a | n/a | n/a | n/a | n/a | n/a | |||
9 | @font-face in head, @import or link | In head | n/a | Link | In head | n/a | @import | In head | n/a | n/a | n/a | n/a | n/a | Link | n/a | In head | n/a | n/a | Link | n/a | @import | n/a | n/a | n/a | n/a | n/a |
10 | In head: which font formats | eot and woff | n/a | n/a | eot, ttf, woff and svg | n/a | n/a | woff and ttf | n/a | n/a | n/a | n/a | n/a | n/a | n/a | woff | n/a | n/a | n/a | n/a | n/a | n/a | n/a | n/a | n/a | n/a |
11 | Text color | #333333 | #000000 | #222222 | #FFFFFF | #ea5441 | #123751 | #444444 | #333332 | #333333 | #333333 | #cf4647 | #404040 | #0A0A0A | #333333 | #000001 | #222222 | #000000 | #000000 | #2b2b2b | #333333 | #333333 | #010101 | #00aeef | #4d4d4d | #000000 |
12 | Font size | 32px | 26px | 32px | 96px | 30px | 36px | 30px | 32px | 22px | 20px | 28px | 28px | 30px | 36px | 30px | 42px | 24px | 52px | 30px | 25px | 23px | 16px | 38px | 20px | 18px |
13 | Line-height (px) | 42 | 30 | 48 | 86.4 | 45 | 44 | normal | 32 | 24 | 27 | normal | 40 | 37.5 | 38 | 34 | normal | 24 | 43 | 30 | 25 | 41 | 18 | 35 | 21 | normal |
14 | Primary heading line height to primary heading ratio | 1.31 | 1.15 | 1.5 | 0.9 | 1.5 | 1.22 | n/a | 1 | 1.09 | 1.35 | n/a | 1.42 | 1.25 | 1.05 | 1.13 | n/a | 1 | 0.82 | 1 | 1 | 1.8 | 1.125 | 0.92 | 1.05 | n/a |
15 | Alignment | Center | Left | Left | Center | Left | Center | Center | Left | Center | Left | Left | Center | Center | Left | Left | Center | Left | Center | Center | Center | Left | Center | Left | Left | Center |
16 | Character per line (+ spaces) | 32 | 16 | 25 | 12 | 22 | 24 | 35 | 36 | 30 | 36 | 23 | 38 | 22 | 22 | 39 | 26 | 42 | 7 | 17 | 27 | 56 | 22 | 21 | 24 | 37 |
17 | Linked | No | Yes | No | No | No | Yes | No | Yes | No | No | No | No | No | Yes | Yes | Yes | Yes | No | Yes | No | No | No | Yes | Yes | No |
18 | Caps | No | No | No | No | No | No | No | No | No | No | No | No | No | No | Yes | No | No | Yes | Yes | No | No | Yes | Yes | No | No |
19 | Type background color | #F2F2F2 | #FFFFFF | #FFFFFF | #000000 | #F8F8F8 | #F6F6F8 | #EEEEEE | #FFFFFF | #FFFFFF | #FFFFFF | #F8F8F8 | #F1F1F1 | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #F6F6F6 | #FFFFFF | #000000 | #FFFFFF | #FFFFFF |
20 | Desktop Secondary Heading | |||||||||||||||||||||||||
21 | Typeface | Helvetica Neue | n/a | RooneySans - bold | Fakir Display Cond | Helvetica (bold) | Lato (regular) | Proxima_nova_rgbold | Ff Tisa Web pro | Helvetica Bold | Helvetica Neue | Helvetica regular | Helvetica bold | Merriweather regular | Georgia | Titling - Gothic - FB - Comp - Medium | Georgia | Arial Bold | Didot | n/a | Muli | Georgia | n/a | Arial | n/a | Myriad Pro |
22 | Text color | #000000 | n/a | #222222 | #000000 | #FFFFFF | #2F353E | #FFFFFF | #333332 | #333333 | #fb406d | #033649 | #606060 | #000000 | #000001 | #ee2e24 | #000001 | #000000 | #000000 | n/a | #333333 | #343434 | n/a | #000000 | n/a | #000000 |
23 | Font size | 20px | n/a | 20px | 80px | 24px | 26px | 28px | 22px | 20px | 16px | 22px | 16px | 26px | 24px | 24px | 24px | 18px | 26px | n/a | 18px | 22px | n/a | 18px | n/a | 14px |
24 | Line-height | 25px | n/a | 30px | 72px | 26.3px | 34px | normal | 22px | 24px | 16px | normal | 20px | 32.5px | 28px | 28px | 28px | 24px | normal | n/a | 20px | normal | n/a | normal | n/a | normal |
25 | Line height to secondary heading ratio | 1.25 | n/a | 1.5 | 0.9 | 1.1 | 1.3 | n/a | 1 | 1.2 | 1 | n/a | 1.25 | 1.25 | 1.2 | 1.2 | 1.2 | 1.3 | n/a | n/a | 1.1 | n/a | n/a | n/a | n/a | n/a |
26 | Webfont | No | n/a | Yes | Yes | No | Yes | Yes | No | No | No | No | No | Yes | No | Yes | No | No | Yes | n/a | Yes | No | n/a | No | n/a | No |
27 | Desktop Body Copy | |||||||||||||||||||||||||
28 | Serif vs. sans-serif | sans-serif | sans-serif | sans-serif | sans-serif | serif | sans-serif | sans-serif | serif | sans-serif | sans-serif | serif | sans-serif | serif | serif | serif | serif | sans-serif | sans-serif | serif | sans-serif | sans-serif | sans-serif | sans-serif | sans-serif | sans-serif |
29 | Typeface | Helvetica Neue | Lucida Grande | RooneySans - regular | Aften Screen | Georgia | sans-serif | Proxima Nova | Jaf bernino sans | Helvetica regular | Helvetica Neue | Georgia | AvenirNextLTW01 regular | Merriweather | Georgia | Georgia | Georgia | Arial | Arial | Georgia | Muli | Verdana | Avenir Next | Arial | Verdana | Myriad pro |
30 | Fallback | Calibri, arial, sans-serif | Arial, Helvetica, sans-serif | PT sans, lucida sans, Helvetica, Arial, sans-serif | Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif | Times, Times New Roman, Serif | sans-serif | Proxima_nova_rgregular, Helvetica, Arial, sans-serif | Helvetica Neue, Helvetica, Lucida Grande, Lucide Sans unicode, Lucide Sans, Geneva, Verdana, sans-serif | sans-serif | sans-serif | serif | Helvetica, Arial, sans-serif | Georgia, Times, Times New Roman, serif | Times New Roman, sans-serif | serif | Times New Roman | sans-serif | Helvetica, sans-serif | serif | Arial, Helvetica, sans-serif | Geneva, sans-serif | Helvetica, Arial, sans-serif | Helvetica, sans-serif | sans-serif | Tahoma, Helvetica, Arial, sans-serif |
31 | Webfont | No | No | Yes | Yes | No | No | Yes | No | No | No | No | No | Yes | No | No | No | No | No | No | Yes | No | No | No | No | No |
32 | Foundry | n/a | n/a | MyFonts | Webtype | n/a | n/a | self-hosted | n/a | n/a | n/a | n/a | n/a | Goggle | n/a | n/a | n/a | n/a | n/a | n/a | Goggle | n/a | n/a | n/a | n/a | n/a |
33 | @font-face or @import | n/a | n/a | @font-face | @font-face | n/a | n/a | @font-face | n/a | n/a | n/a | n/a | n/a | @font-face | n/a | n/a | n/a | n/a | n/a | n/a | @import | n/a | n/a | n/a | n/a | n/a |
34 | Text color | #8b8b8b | #000000 | #222222 | #000000 | #606060 | #8D959E | #666666 | #333332 | #333333 | #5a5a5a | #4b4b50 | #202020 | #606060 | #333333 | #000001 | #333333 | #000000 | #080808 | #2b2b2b | #333333 | #333333 | #010101 | #999999 | #878787 | #000000 |
35 | Same color as primary header? | No lighter | Yes | Yes | Yes | No diff col. | No diff col. | No lighter | Yes | Yes | No lighter | No diff col. | No darker | No lighter | Yes | Yes | No lighter | Yes | No lighter | Yes | Yes | Yes | Yes | No diff col. | No lighter | Yes |
36 | Font size | 15px | 16px | 16px | 16px | 16px | 16px | 16px | 16px | 14px | 16px | 16px | 18px | 13px | 16px | 14px | 18px | 16px | 13px | 17px | 14px | 13px | 14px | 13px | 15px | 14px |
37 | Line-height | 25px | 26px | 24px | 20.7px | 24px | 25px | 25px | 24px | 20px | 24px | 25px | 32px | 26px | 22px | 23px | 30px | normal | 15px | 24px | 18px | 23.9px | 21px | 16px | 24px | 28px |
38 | Line-height set in px, em,no. or % | px | px | em | no. | % | px | px | px | px | px | px | px | % | px | px | px | n/a | px | px | px | em | px | px | px | % |
39 | Ratio between line height & body copy | 1.66 | 1.62 | 1.5 | 1.29 | 1.5 | 1.56 | 1.56 | 1.5 | 1.42 | 1.5 | 1.56 | 1.77 | 2 | 1.37 | 1.64 | 1.66 | n/a | 1.15 | 1.41 | 1.28 | 1.83 | 1.5 | 1.23 | 1.6 | 2 |
40 | Alignment | Center | Left | Left | Left | Left | Left | Center | Left | Left | Left | Left | Center | Left | Left | Left | Left | Left | Left | Center | Center | Left | Center | Left | Left | Left |
41 | Line-length or measure (px) | 520 | 500 | 530 | 525 | 565 | 420 | 480 | 543 | 530 | 515 | 500 | 545 | 550 | 590 | 610 | 545 | 430 | 480 | 582 | 550 | 493 | 537 | 533 | 494 | 640 |
42 | Line length px / body line height px | 20.8 | 19.2 | 22 | 25.3 | 23.5 | 16.8 | 19.2 | 22.6 | 26.5 | 21.4 | 20 | 17 | 21.1 | 26.8 | 26.5 | 18.1 | n/a | 32 | 24.2 | 30.5 | 20.6 | 25.5 | 33.3 | 20.5 | 22.8 |
43 | Character per line (+ spaces) | 84 | 72 | 78 | 73 | 80 | 65 | 68 | 91 | 88 | 74 | 71 | 68 | 94 | 83 | 100 | 71 | 62 | 83 | 75 | 87 | 72 | 85 | 90 | 60 | 112 |
44 | Links | Underlined & colored | yellow bg color | colored | Underlined | Underlined & colored | Underlined & colored | Not in body copy | Not in body copy | Underlined | Underlined | Colored | Not in body copy | Underlined and colored | Underlined & colored | Not in body copy | Colored | Not in body copy | Not in body copy | Not in body copy | Not in body copy | Not in body copy | Not in body copy | Not in body copy | Not in body copy | Not in body copy |
45 | Type background color | #F2F2F2 | #FFFFFF | #FFFFFF | #DDDDDD | #F8F8F8 | #F6F6F8 | #EEEEEE | #FFFFFF | #FFFFFF | #FFFFFF | #F8F8F8 | #F1F1F1 | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #F6F6F6 | #FFFFFF | #000000 | #FFFFFF | #FFFFFF |
46 | Desktop template width | 520px | 640px | 680px | No fixed width | 600px | 600px | 500px | 600px | 600px | 600px | 500px | 600px | 600px | 640px | 728px | 600px | 600px | 700px | 650px | 600px | 750px | 560px | 600px | 600px | 760px |
47 | Paragraph spacing (px) | n/a | n/a | n/a | n/a | 35px | 35px | n/a | 23px | n/a | n/a | 33px | 47px | 37px | 24px | n/a | 36px | n/a | n/a | n/a | 22px | n/a | n/a | n/a | 37 | n/a |
48 | Paragraph spacing / line height | n/a | n/a | n/a | n/a | 1.45 | 1.4 | n/a | 0.95 | n/a | n/a | 1.32 | 1.46 | 1.42 | 1.09 | n/a | 1.2 | n/a | n/a | n/a | 1.2 | n/a | n/a | n/a | 1.54 | n/a |
49 | Desktop Pre-header Text | |||||||||||||||||||||||||
50 | Pre-header text | Yes | Yes | Yes | No | Yes | Yes | Yes (but hidden from view) | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes | Yes | No | Yes | Yes | Yes |
51 | Instructions, Snippet or Both | Instructions | Instructions | Snippet | n/a | Snippet | Both | Snippet | n/a | n/a | n/a | Snippet | Snippet | Both | Instructions | Instructions | Instructions | n/a | Both | Both | Instructions | Instructions | n/a | Both | Instructions | Instructions |
52 | Serif vs. sans-serif | sans-serif | sans-serif | sans-serif | n/a | serif | sans-serif | n/a | n/a | n/a | n/a | serif | sans-serif | sans-serif | sans-serif | sans-serif | sans-serif | n/a | sans-serif | serif | sans-serif | serif | n/a | sans-serif | sans-serif | sans-serif |
53 | Typeface | Helvetica Neue | Lucida Grande | RooneySans regular | n/a | Georgia | sans-serif | n/a | n/a | n/a | n/a | Georgia | Helvetica | Helvetica | Arial | Arial | Arial | n/a | Arial | Georgia | Muli | Georgia | n/a | Arial | Verdana | Myriad Pro |
54 | Text color | #D6D6D6 | #7a7a7a | #999999 | n/a | #a9a9a9 | #8d959e | n/a | n/a | n/a | n/a | #FFFFFF | #000000 | #999999 | #999999 | #000000 | #999999 | n/a | #939393 | #2b2b2b | #0000ee | #f9f9f9 | n/a | #000000 | #008b52 | #089edb |
55 | Font size | 15px | 13px | 12px | n/a | 14px | 11px | n/a | n/a | n/a | n/a | 16px | 10px | 12px | 11px | 11px | 11px | n/a | 11px | 15px | 11px | 9px | n/a | 14px | 11px | 11px |
56 | Font size | 15 | 13 | 12 | n/a | 14 | 11 | n/a | n/a | n/a | n/a | 16 | 10 | 12 | 11 | 11 | 11 | n/a | 11 | 15 | 11 | 9 | n/a | 14 | 11 | 11 |
57 | Line-height | 25px | 26px | 15.6px | n/a | 14px | 17px | n/a | n/a | n/a | n/a | 25px | 12.5px | 15px | 15px | 15px | normal | n/a | normal | 14px | 13px | normal | n/a | 17px | 15px | normal |
58 | Ratio between line height & font size | 1.6 | 2 | 1.3 | n/a | 1 | 1.54 | n/a | n/a | n/a | n/a | 1.56 | 1.25 | 1.25 | 1.36 | 1.36 | n/a | n/a | n/a | 0.9 | 1.18 | n/a | n/a | 1.2 | 1.36 | n/a |
59 | Mid-sized primary heading (450px) | |||||||||||||||||||||||||
60 | Font size change | Yes 28px | No 26px (same as 320px adaptive layout) | No 32px | No 96px | Yes 24px | No 36px (same as 320px adaptive layout) | No 30px | No 32px | No 22px | No 20px | No 28px | Yes 18px down | No 30px | No 36px | No 30px | No 42px | No 24px | Yes 40px down | Yes 25px down | No 25px | No 23px | No 16px | Yes 25px down | No 20px | No 18px |
61 | Character per line (+ spaces) | 25 | 16 | 19 | 12 | 22 | 17 | 24 | 27 | 30 | 35 | 18 | 38 | 22 | 14 | 33 | 26 | 22 | 7 | 17 | 19 | 56 | 22 | 21 | 24 | 37 |
62 | Mid-sized body copy (450px) | |||||||||||||||||||||||||
63 | Font size change | No 15px | No 16px | Yes 14px down | No 16px | No 16px | No 16px | No 16px | No 16px | No 14px | No 16px | No 16px | No 18px | No 13px | No 16px | No 14px | No 18px | No 18px | No 13px | Yes 14px down | No 14px | No 13px | No 14px | No 13px | No 15px | No 14px |
64 | Line-height change | No 25px | No 26px | Yes 21.59px down | No 20.7px | No 24px | No 26px | No 25px | No 24px | No 20px | No 24px | No 25px | Yes 22.5px | No 26px | No 22px | No 23px | No 30px | No 24px | No 15px | No 24px | No 18px | No 23px | No 21px | No 16px | No 24px | No 28px |
65 | Ratio of line height to font size | 1.66 | 1.62 | 1.54 | 1.29 | 1.5 | 1.62 | 1.56 | 1.5 | 1.42 | 1.5 | 1.56 | 1.25 | 2 | 1.37 | 1.64 | 1.66 | 1.33 | 1.15 | 1.71 | 1.28 | 1.76 | 1.5 | 1.23 | 1.6 | 2 |
66 | Character per line (+ spaces) | 60 | 37 | 65 | 60 | 55 | 43 | 51 | 63 | 53 | 58 | 58 | 46 | 62 | 43 | 64 | 71 | 28 | 54 | 63 | 40 | 72 | 45 | 67 | 40 | 65 |
67 | Mobile primary heading (320px) | |||||||||||||||||||||||||
68 | Font change | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No |
69 | Font size change | Yes 28px down | No 26px | No 32px | No 96px | Yes 24px down | No 36px | No 30px | No 32px | No 22px | No 20px | No 28px | Yes 18px down | No 30px | Yes 30px down | No 30px | Yes 22px down | No 24px | Yes 40px down | Yes 25px down | No 25px | No 23px | No 16px | Yes 25px down | No 20px | No 18px |
70 | Line-height change | Yes 30px | No 30px | No 48px | No 86.4 | Yes 36px | No 44px | normal | No 32px | No 24px | No 27px | Normal | Yes 22.5px down | No 37.5px | Yes 32px down | No 32px | normal | No 24px | Yes 34px down | No 30px | No 25px | No 41px | No 18px | Yes 25px down | No 21px | normal |
71 | Line height to font size ratio of primary heading | 1.07 | 1.15 | 1.5 | 0.9 | 1.5 | 1.22 | n/a | 1 | 1.09 | 1.35 | n/a | 1.25 | 1.25 | 1.06 | 1.06 | n/a | 1 | 0.85 | 1.2 | 1 | 1.78 | 1.125 | 1 | 1.05 | n/a |
72 | Alignment | Center | Left | Left | Center | Left | Center | Left | Left | Left | Left | Left | Center | Center | Left | Left | Left | Left | Center | Center | Center | Left | Center | Left | Left | Center |
73 | Character per line (+ spaces) | 16 | 16 | 19 | 7 | 22 | 17 | 17 | 18 | 30 | 35 | 29 | 25 | 11 | 14 | 33 | 26 | 22 | 7 | 17 | 19 | 28 | 22 | 15 | 24 | 37 |
74 | Mobile Secondary Heading | |||||||||||||||||||||||||
75 | Font-size change | No 20px | n/a | No 20px | No 80px | Yes 22px | No 26px | No 28px | No 22px | No 20px | n/a | No 22px | Yes 14px down | No 26px | Yes 22px down | No 24px | Yes 22px down | No 18px | No 26px | n/a | No 18px | No 22px | n/a | No 18px | n/a | No 14px |
76 | Line-height change | No 25px | n/a | No 30px | No 72px | Yes 24.2px | No 34px | Normal | No 22px | No 24px | n/a | normal | Yes 16px down | No 32.5px | Yes 26px down | No 28px | Yes 26px down | No 24px | normal | n/a | No 20px | normal | n/a | normal | n/a | normal |
77 | Line height to font size ratio | 1.25 | n/a | 1.5 | 0.9 | 1.1 | 1.3 | n/a | 1 | 1.2 | n/a | n/a | 1.14 | 1.25 | 1.18 | 1.16 | 1.18 | 1.33 | n/a | n/a | 1.11 | n/a | n/a | n/a | n/a | n/a |
78 | Mobile Body Copy | |||||||||||||||||||||||||
79 | Font size change | No 15px | No 16px | Yes 14px down | No 16px | No 16px | No 16px | Yes 15px down | No 16px | No 14px | No 16px | No 16px | No 18px | Yes 13px down to desktop | No 16px | No 14px | Yes 16px down | No 16px | No 13px | Yes 14 down | No 14px | No 13px | No 14px | No 13px | No 15px | No 14px |
80 | Font size (px) | 15 | 16 | 14 | 16 | 16 | 16 | 15 | 16 | 14 | 16 | 16 | 18 | 13 | 16 | 14 | 16 | 16 | 13 | 14 | 14 | 13 | 14 | 13 | 15 | 14 |
81 | Line-height change | No 25px | No 26px | Yes 21.59px down | No 20.7px | No 24px | No 26px | Yes 22px down | No 24px | No 20px | No 24px | No 25px | Yes 22.5px | Yes 26px down | No 22px | No 23px | Yes 25px down | normal | No 15px | No 24px | No 18px | No 23px | No 21px | No 16px | No 24px | No 28px |
82 | Ratio between body line height & font size | 1.66 | 1.62 | 1.54 | 1.29 | 1.5 | 1.56 | 1.46 | 1.5 | 1.42 | 1.5 | 1.56 | 1.25 | 2 | 1.37 | 1.64 | 1.56 | n/a | 1.15 | 1.71 | 1.28 | 1.61 | 1.5 | 1.23 | 1.6 | 2 |
83 | Alignment | Center | Left | Left | Left | Left | Left | Left | Left | Left | Left | Left | Center | Left | Left | Left | Left | Left | Left | Center | Center | Left | Center | Left | Left | Left |
84 | Character per line (+ spaces) | 41 | 37 | 48 | 40 | 37 | 43 | 37 | 42 | 42 | 36 | 41 | 31 | 40 | 43 | 57 | 43 | 36 | 39 | 22 | 40 | 43 | 45 | 46 | 27 | 57 |
85 | Margin (left) | 26px | 34px | 12px | 15 | 18px | 19px | 29px | 21px | 12px | 34px | 15px | 33px | 17px | 11px | 19px | 9px | 12px | 33px | 18px | 22px | 18px | 10px | 19px | 38px | 41px |
86 | Paragraph spacing (px) | n/a | n/a | n/a | n/a | 35px | 35px | n/a | 23px | 27px | n/a | 34px | 37px | 38px | 24px | n/a | 31px | n/a | n/a | n/a | 19px | n/a | n/a | n/a | 34px | n/a |
87 | Mobile Pre-header Text | |||||||||||||||||||||||||
88 | Hidden on mobile | Yes | No | No | n/a | No | Yes | Yes | n/a | n/a | n/a | No | No | No | No | No | No | n/a | No | No | Yes | No | n/a | No | No | No |
89 | Font-size change | n/a | No 13px | Yes 8px (down) | n/a | Yes 16px (up) | n/a | n/a | n/a | n/a | n/a | No 16px | Yes 14px up | No 12px | No 11px | No 11px | No 11px | n/a | No 11px | No 15px | n/a | No 9px | n/a | No 14px | No 11px | No 11px |
90 | Font-size change | n/a | 13 | 8 | n/a | 16 | n/a | n/a | n/a | n/a | n/a | 16 | 14 | 12 | 11 | 11 | 11 | n/a | 11 | 15 | n/a | 9 | n/a | 14 | 11 | 11 |
91 | Line-height change | n/a | No 26px | Yes 10.3px (down) | n/a | Yes 18.39px (up) | n/a | n/a | n/a | n/a | n/a | No 25px | Yes 16px up | No 15px | No 15px | No 15px | normal | n/a | normal | No 14px | n/a | normal | n/a | No 17px | No 15px | normal |
92 | Line height to font size ratio | n/a | 2 | 1.28 | n/a | 1.14 | n/a | n/a | n/a | n/a | n/a | 1.56 | 1.14 | 1.25 | 1.36 | 1.36 | n/a | n/a | n/a | 0.93 | n/a | n/a | n/a | 1.21 | 1.36 | n/a |
93 | Ratio of pre-header text to mobile body font size | n/a | 0.81 | 0.57 | n/a | 1 | n/a | n/a | n/a | n/a | n/a | 1 | 0.77 | 0.92 | 0.68 | 0.78 | n/a | n/a | n/a | 1.07 | n/a | n/a | n/a | 1.07 | 0.73 | n/a |
94 | Performance | |||||||||||||||||||||||||
95 | Speed index 1st view (<1,000 is good) | 609 | 748 | 1181 | 973 | 1981 | 1217 | 1333 | 1248 | 880 | 503 | 717 | 1093 | 1800 | 742 | 764 | 522 | 1453 | 4880 | 1383 | 889 | 673 | 1334 | 2111 | 1877 | 1414 |
96 | Start render 1st view (secs) | 0.594 | 0.595 | 1.096 | 0.794 | 1.095 | 1.194 | 1.094 | 0.695 | 0.794 | 0.494 | 0.694 | 0.994 | 1.798 | 0.394 | 0.695 | 0.394 | 0.594 | 4.095 | 0.596 | 0.694 | 0.497 | 1.094 | 1.695 | 1.495 | 1.296 |
97 | Document complete 1st view | 0.9 | 5.271 | 2.704 | 2.836 | 1.974 | 1.527 | 2.235 | 1.503 | 1.343 | 0.72 | 1.002 | 2.064 | 2.745 | 1.985 | 5.792 | 2.233 | 4.709 | 6.156 | 2.298 | 1.28 | 2.065 | 1.825 | 3.208 | 2.768 | 4.03 |
98 | Fully loaded 1st view | 0.983 | 5.369 | 2.939 | 2.963 | 2.356 | 1.651 | 3.093 | 1.628 | 1.431 | 0.805 | 1.113 | 2.199 | 2.882 | 2.116 | 6.293 | 2.419 | 5.36 | 6.416 | 2.298 | 1.355 | 2.189 | 1.952 | 3.345 | 2.768 | 4.361 |
99 | Document complete repeat view | 0.34 | 0.483 | 0.873 | 0.376 | 0.625 | 0.863 | 1.711 | 0.055 | 0.442 | 0.281 | 0.279 | 0.394 | 0.473 | 0.395 | 5.821 | 2.769 | 0.596 | 2.94 | 0.521 | 0.932 | 0.103 | 0.058 | 1.156 | 1.011 | 0.708 |
100 | Total no. of requests (fully loaded) | 6 | 34 | 23 | 35 | 13 | 25 | 35 | 17 | 9 | 9 | 4 | 7 | 12 | 82 | 171 | 75 | 26 | 33 | 21 | 21 | 23 | 17 | 23 | 12 | 21 |