Case Studies Spreadsheet
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
View only
 
 
Still loading...
ABCDEFGHIJKLMNOPQRSTU
1
2
List #1
3
123456789101112131415161718
4
Boston GlobeFinancial TimesA Working LibraryThe Next WebThe Great DiscontentThe VergeGood.ishttp://www.polygon.com/http://www.nzz.ch/http://www.newyorker.com/http://www.economist.com/http://www.slate.com/http://craigmod.com/http://www.time.com/time/http://arstechnica.com/http://readwrite.com/http://lifehacker.com/http://boxesandarrows.com/
5
*[Category: Regular view, ~1100px][Category: 1100px Wide View]
6
-Body: serif vs. sans-serifserifserifserifsans-serifserifsans-serifsans-serifserifserifserifsans-serifsans-serifserifserifsans-serifsans-serifserifserifBody: serif vs. sans-serif
7
-Body: typefaceGeorgiaGeorgiaChaparral ProBenton SansMeta Serif Web ProHelveticaHelveticaMercury SSm AGeorgiaTimes New RomanVerdanaVerdanaTisa Web ProGeorgiaArialHelveticaGeorgiaGeorgiaBody typeface
8
-Body: typeface bg colorwhitebeigewhitewhitewhitewhitewhitegreygreywhitewhitewhitewhitewhitewhitewhitewhitewhiteBody typeface bg color
9
-Common body typeface fallback (CSS Font Stack)Times New Roman, Times, serifTimes, 'Times New Roman', serifChaparral Pro, Georgia, Times New Roman, Times, serifsans-serifGeorgia, Helvetica, Arial, sans-serifArial, sans-serifArial, sans-serifMercury SSm BserifserifArial, sans-serifsans-serifTisa Web Pro, Georgia, Times, serifserifsans-serifsans-serifTimes, 'Liberation Serif', serif;serifCommon body typeface fallback (CSS Font Stack)
10
-Headings: serif vs. sans-serifserifserifserifsans-serifsans-serifsans-serifserifsans-serifsans-serifsans-serifsans-serifsans-serifsans-serifsans-serifserifsans-serifserifsans-serifHeadings: serif vs. sans-serif
11
-Heading: typeface Miller HeadlineGeorgiaChaparral ProBentonSansStratum 1 WebadelleFreight LightGotham SSm A'ArialNeutra 2 DisplayVerdanaArialMeta Serif Web Profranklin-gothic-urwNoticiaBoldMuseo Sans RoundedGeorgiaFreight Sans ProHeading typeface
12
-Common heading typeface fallback (CSS Font Stack)Times New Roman', Times, Georgia, serif;Times, 'Times New Roman', serifChaparral Pro, Georgia, 'Times New Roman', Times, serifsans-serifHelvetica, Arial, sans-serifserifGeorgie, serifGotham SSm B'sans-serifTimes New Roman', serifArial, sans-serifhelvetica, sans-serifMeta Web Pro, Helvetica, Arial, sans-serifHelvetica, Arial, sans-serifTimes New Roman, serifsans-serifTimes, 'Liberation Serif', serif;helvetica, sans-serifCommon heading typeface fallback (CSS Font Stack)
13
-Font Foundry (Typekit / Fontdeck?..)nonenoneTypekitnoneTypekitnonenonenonenonenonenonenoneTypekitnonenonenonenoneTypekitFont Foundry (Typekit / Fontdeck?..)
14
15
-[CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif[CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif
16
17
-Body and heading font-sizes: px, em, rem, %? empxpx / pxem / emem /empx / px% / pxem / emem / %px / pxem / em% / emem / em% / %px / empx/px (line height em)%/%px/pxBody and heading font-sizes: px, em, rem, %?
18
- Body font-size (default zooming, px)161618161614151416171312181414141518 Body font-size (default zooming, px)
19
-Body line-height (default zooming, px)26222729242328282425201825222019,62228Body line-height (default zooming, px)
20
-Main heading font-size (px)4632264017840383230262223703230372668Main heading font-size (px)
21
-Main heading line-height (px)4836314821249433433normal27normal6036normal44,43170Main heading line-height (px)
22
- Secondary heading font-size (px)131824551513141328131624 Secondary heading font-size (px)
23
- Tertiary heading font-size (px)26151420 Tertiary heading font-size (px)
24
-Line length (px)710595514726475763617801612574589563645663640510638660Line length (px)
25
-Characters per line (with spaces, max)96837396671229911885878999751101017910091Characters per line (with spaces, max)
26
-Paragraph spacing (px)353419363626353536332729423727252628Paragraph spacing (px)
27
28
-Layout breaks when zooming in?nonononononononononononononononononoLayout breaks when zooming in?
29
-[CALC] Paragraph spacing / line-height
30
-[CALC] Line-length / paragraph spacing
31
-[CALC] line-length / line-height
32
-[CALC] line-length / paragraph spacing
33
-[CALC] Main heading font-size / Body font-size
34
-[CALC] Secondary heading font-size / Body font-size
35
-[CALC] Tertiary heading font-size / Body font-size
36
37
38
List #2
39
1920212223242526272829303132333435
40
http://www.zeit.de/indexhttp://fray.com/issue3/http://blog.dasmagazin.ch/2012/10/28/zizek-zurich/?site=startseitehttp://shapeofdesignbook.com/foreword.htmlhttp://www.bbc.co.uk/http://www.guardian.co.uk/http://www.nytimes.com/http://www.usatoday.com/http://ilovetypography.com/http://informationarchitects.net/http://methodandcraft.com/http://europeandaily.com/http://fontfeed.com/http://www.businessweek.com/http://typofonderie.com/gazette/http://lessthan100g.com/issue-16/http://www.thinkwithgoogle.co.uk/quarterly/index.html
41
*[Category: 1100px Wide View][Category: 1100px Wide View]
42
-Body: serif vs. sans-serifserifserifserifserifsans-serifsans-serifserifsans-serifserifserifserifserifserifserifsans-serifserifserifBody: serif vs. sans-serif
43
-Body typefaceGeorgiaChaparral ProLyon Text Regulator Nr2QuadraatArialArialGeorgiaArialLe Monde JournaliABC ItalicSkolar WebAbril TextGeorgiaGeorgiaAllumi STDGentium Book BasicBell mtBody typeface
44
-Body typeface bg colorwhitewhitewhitewhitewhitewhitewhitewhitewhitewhitewhitebeigewhitewhitewhitevariedwhiteBody typeface bg color
45
-Common body typeface fallback (CSS Font Stack)Palatino, 'Palatino Linotype', FreeSerif, serifPalatino, Georgia, 'Times New Roman', Times, serifTimes, 'Times New Roman', serifGeorgia, serifHelmet, Freesans, sans-serifsans-seriftimes new roman', times, serifsans-serifserifGeorgia, serifSkolarTimes New Roman, Times, serifTimes New Roman, Times, serifserifsans-serifserifgeorgia, 'times new roman', serifCommon body typeface fallback (CSS Font Stack)
46
-Headings: serif vs. sans-serifsans-serifserifserifserifsans-serifserifserifsans-serifsans-serifserifserifserifsans-serifsans-serifserif-serifHeadings: serif vs. sans-serif
47
-Heading typeface ArialChaparral ProLyon Text SemiboldQuadraatArialGeorgiaGeorgiaHelveticaLe Monde SansiABC RegularSkolar WebAbri DisplayFF Suhmo Web Pro - BoldBWHaasHeadLe Monde Courrier STD-Bell mtHeading typeface
48
-Common heading typeface fallback (CSS Font Stack)Helvetica, FreeSans, sans-serifPalatino, Georgia, 'Times New Roman', Times, serifTimes, 'Times New Roman', serifGeorgia, serifHelmet, Freesans, sans-serifseriftimes new roman', times, serifarial, sans-serifsans-serifGeorgia, serifSkolarTimes New Roman, Times, serifFF Suhmo Web Pro, sans-serifhelvetica, arial, sans-serifserif-georgia, 'times new roman', serifCommon heading typeface fallback (CSS Font Stack)
49
-Font Foundry (Typekit / Fontdeck?..)noneTypekitnoneTypekitnonenonenonenoneTypekitnoneTypekitTypekitTypekitnoneTypekitGoogle Web FontsnoneFont Foundry (Typekit / Fontdeck?..)
50
51
-[CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif[CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif
52
53
-Body and heading font-sizes: px, em, rem, %? px/empx/px (line height in em)%/pxpx/emem/emem/emem/empx/pxem/emem/emem/emem/emem/emem/px%/em%px/pxBody and heading font-sizes: px, em, rem, %?
54
- Body font-size (default zooming, px)1618162114141514182116141316161416 Body font-size (default zooming, px)
55
-Body line-height (default zooming, px)2424233318182222273222202023272325Body line-height (default zooming, px)
56
-Main heading font-size (px)30722321322624324836324621244068Main heading font-size (px)
57
-Main heading line-height (px)32602333342926346048204825294068Main heading line-height (px)
58
- Secondary heading font-size (px)16 ?1824241717131822 Secondary heading font-size (px)
59
- Tertiary heading font-size (px)1228 Tertiary heading font-size (px)
60
-Line length (px)540578530630460500396550500657583422500406641450524Line length (px)
61
-Characters per line (with spaces, max)7684757380719091677285678358935678Characters per line (with spaces, max)
62
-Paragraph spacing (px)3516152127232929654636232738463543Paragraph spacing (px)
63
64
-Layout breaks when zooming in?nonononononononononono, but sidebar is staticnonononononoLayout breaks when zooming in?
65
-[CALC] Paragraph spacing / line-height
66
-[CALC] Line-length / paragraph spacing
67
-[CALC] line-length / line-height
68
-[CALC] line-length / paragraph spacing
69
-[CALC] Main heading font-size / Body font-size
70
-[CALC] Secondary heading font-size / Body font-size
71
-[CALC] Tertiary heading font-size / Body font-size
72
73
74
List #3
75
3637383940414243444546474849505152
76
http://europe.wsj.com/home-page#http://www.thedailybeast.com/newsweek.htmlhttp://cognition.happycog.com/https://www.pulse.me/http://www.readability.com/http://www.instapaper.com/http://www.storylane.com/http://readlists.com/http://www.pcmag.com/article2/0,2817,2372738,00.asphttp://typographica.org/http://www.uxbooth.com/http://www.aiga.org/http://aneventapart.com/news/post/aea-2012-relaunchhttp://www.sbnation.com/http://www.fastcodesign.com/http://37signals.com/svnhttp://alistapart.com/
77
*[Category: Regular view, ~1100px]variable font size and styleSave an Web article and view at a later time. No own content. Here is the data for the facilitator page.No own content. Links to other articles. Here is the data for the facilitator page.[Category: 1100px Wide View]
78
-Body: serif vs. sans-serifsans-serifsans-serifserifsans-serif or serifserifsans-serifserifsans-serifserifserifsans-serifsans-serifsans-serifserifsans-serifserifserifBody: serif vs. sans-serif
79
-Body typefaceArialArialMeta Serif Web ProProxima NovaGeorgiaHelveticaMerriweatherMyriad ProVerdanaQuadraatOpen SansArialFreight Sans ProMercury SSm AMuseo SansKepler STDGeorgia ProBody typeface
80
-Body typeface bg colorwhitewhiteoff-whitewhite or blackwhitewhitewhitewhitewhitewhiteoff-whitewhiteoff-white (paper-structured)whitewhitewhitewhiteBody typeface bg color
81
-Common body typeface fallback (CSS Font Stack)Helvetica, sans-serifsans-serifMeta Serif Web Pro, Georgia, 'Times New Roman', serifHelvetica-neue, helvetica, sans-serifTimes, 'Liberation Serif', serifArial, sans-serifGeorgia, 'Times new roman', serifhelvetica, arial, sans-serifArial, Helvetica, sans-serifTimes New Roman', Times, serifGeorgia, Verdana, 'Lucida Grande', Lucida, sans-serifHelvetica, Tahoma, sans-serifsans-serifMercury SSm B, Georgia, Georgia, serifArial, sans-serifGeorgia, Times, serifGeorgia Pro, Georgia, serifCommon body typeface fallback (CSS Font Stack)
82
-Headings: serif vs. sans-serifserifserifserifsans-serif or serifserifserifserifserifsans-serifsans-serifsans-serifsans-serifsans-serifserifsans-serifserifsans-serifHeadings: serif vs. sans-serif
83
-Heading typeface GeorgiaTimes New RomanClarendonFSLightProxima NovaGeorgiaGeorgiaMerriweatherChapparal ProArialAnchor Webrefrigerator deluxe 1Interstate Ultra BlackFreight Sans ProSentinel SSmFCZizouSlabActa DisplayFranklin ITC BoldHeading typeface
84
-Common heading typeface fallback (CSS Font Stack)Century Schoolbook', 'Times New Roman', Times, serifTimes, serif-Helvetica-neue, Helvetica, sans-serifTimes, 'Liberation Serif', serif-Georgia, 'Times new roman', serifChaparral Pro', georgia, serif;-Anchor Web, 'Helvetica Neue', Helvetica, sans-serifrefrigerator-deluxe-2, Trebuchet MSInterstate Ultra Blacksans-serifSentinel SSm, Georgia, Georgia, serifArial, sans-serifGeorgia, Times, serifFranklin ITC Bold, sans-serifCommon heading typeface fallback (CSS Font Stack)
85
-Font Foundry (Typekit / Fontdeck?..)nonenoneTypekitTypekitnonenonenoneTypekitnoneTypekitGoogle Web Fonts / TypekitnoneTypekitnonenoneTypekitWebtypeFont Foundry (Typekit / Fontdeck?..)
86
87
-[CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif[CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif
88
89
-Body and heading font-sizes: px, em, rem, %? em/em%/pxem/emem/em%/pxpx/pxpx/pxem/empx/pxpx/pxpx/px (line height em)%/px%/%empx/pxem/%px/pxBody and heading font-sizes: px, em, rem, %?
90
- Body font-size (default zooming, px)1514161415131613121714131816152218 Body font-size (default zooming, px)
91
-Body line-height (default zooming, px)22.521221522132417202221182426233530Body line-height (default zooming, px)
92
-Main heading font-size (px)3530454226204820284848403240444548Main heading font-size (px)
93
-Main heading line-height (px)3532492431206420324852403848445656Main heading line-height (px)
94
- Secondary heading font-size (px)16201620201618152824 Secondary heading font-size (px)
95
- Tertiary heading font-size (px)1818 Tertiary heading font-size (px)
96
-Line length (px)552502455655640419597516631495515615583440510660695Line length (px)
97
-Characters per line (with spaces, max)88798196977474908770771088455737486Characters per line (with spaces, max)
98
-Paragraph spacing (px)2933353227393639-2834313936322445Paragraph spacing (px)
99
100
-Layout breaks when zooming in?nonoyesnononononononoyesnonononononoLayout breaks when zooming in?
Loading...
 
 
 
Case Study: 1100px Wide View
Variable/Mobile/Print/Extras
Case Study Results
2008 Case Study:Typography Best Practices Analysis