Review

10 Typographic Reviews – Pimp my Type Live #1

Last week, I celebrated 2,000 amazing subscribers to the Pimp my Type on YouTube with the first Pimp my Type live stream! I reviewed 10 different projects, but I gave myself only 200 seconds for each.

About 50 people were watching, which I really did not expect! If you could not make it, I now added chapter marks to the individual reviews, and here I also share some before and after screenshots. Happy to hear your thoughts about this format in the comments!

1. Daniel Shires – Portfolio Site

Suggestion: For body text, better use the Regular weight instead of Medium. Jump to that chapter or visit website.

Before: body text is too strong
Before: body text is too strong

After: body text is lighter
After: body text is lighter

2. Highland Style Co. – Web Shop

Suggestions: Increase the font size of the body text, increase the line height and decrease the line length. Jump to that chapter or visit website.

Before: body text is too small
Before: body text is too small

After: Body text is larger, lines are shorter, line height is bigger
After: Body text is larger, lines are shorter, line height is bigger

3. HexaPDF – Software

Suggestions: Set max-width to 1200px add margin to the feature boxes, make the license text only 6 columns wide instead of 12. Jump to that chapter or visit website.

Before: very dense layout
Before: very dense layout

After: max-width added, license is clearer
After: max-width added, license is clearer.

4. Advait Sangle – Personal Site

Suggestions: Load the font via web fonts, reduce links in the navigation, reduce the <h1> font size, make the background less visible, change the button style, and add another typeface for the buttons. Jump to that chapter or visit website.

Before: very cluttered design
Before: very cluttered design
After: Web font loaded, less nav items, well balanced font sizes
After: Web font loaded, less nav items, well balanced font sizes

5. Forever Jekyll – Theme

Suggestions: add more margin-bottom – same as the line-height, to each html element, except for the lists. Jump to that chapter or visit website.

Before: too litte space between html elements
Before: too litte space between html elements

After: more space after paragraphs, navigation bottom aligned
After: more space after paragraphs, navigation bottom aligned

6. Kedron Rhodes – Personal Blog

Suggestions: make the lead paragraph stronger, add more margins before headings. Jump to that chapter or visit website.

Before: lead in is too light
Before: lead in is too light

After: lead in is stronger and has less line height
After: lead in is stronger and has less line height

7. Event App Design

Suggestions: emphasize the important information by making it stronger. Jump to that chapter

Before: no clear typographic focus
Before: no clear typographic focus

After: highlighted headings
After: highlighted headings

8. Chris Bailey

Suggestions: Increase the contrast for the navigation and date, decrease the contrast for links and other text highlights. Jump to that chapter or visit website.

Before: nav is too light, text highlights are too strong
Before: nav is too light, text highlights are too strong

After: more contrast for the navigation, less for the text highlight
After: more contrast for the navigation, less for the text highlights

9. Head Start Condoms – Web Shop

Suggestions: Reduce elements, use lesser banners, decrease line lengths, homogenize illustrations. Jump to that chapter or visit website.

Too many visual elements on that site

10. Font pairing list sneak peek

These two typefaces don’t go well together. Jump to that chapter to find out why.

Fraunces and Atkinson Hyperlegible are not a great couple.

Typographic power to your inbox!

  • FontFriday: I personally recommend one typeface per week and for what application it’s best. Every second week, it’s a free font.
  • Pimp my Type: Every second Tuesday a short article or a video from the YouTube channel that help you improve the design of your website, app or digital product.
  • No Comic Sans, Open Sans 😉 or any other BS, like annoying ads. Your email will only be used to send out the newsletters, unsubscribe anytime.

Leave a Reply

Your email address will not be published. Required fields are marked *