18. Recommendations
• Serif fonts with adequate margins and sizing are preferred for body
copy with high resolution screens
• The line-height and margins in between paragraphs should match
• A max-width should be defined on content areas for ideal
typesetting and legibility
25. Recommendations
• Desktop left & right margins should continue to have a healthy
amount of space
• Mobile left & right margins should take advantage of the entire
viewport for optimal line lengths and font sizes
• Tablet left & right margins should mirror mobile and the max-width
should be equal in portrait & landscape modes
• 35-40 Characters per line at small breakpoint
• 70-75 Characters per line at medium & large breakpoint
26. Recommendations
• We should simplify story page elements at a medium breakpoint
range of 768-1200px
• Internal links and pull quotes will be less disruptive to the reading
experience when positioned on the right hand side
• A responsive ad unit located at the bottom of the wide multimedia
layout could be shared with an ongoing effort for Tumblr sites