I find the typography for the website “40 days of dating” to be both interesting and effective. This website tracks the progress of two friends who agree to date for 40 days. To show this, the site is broken down into a grid composed of tile cards, the one on the left representing Jessica, the one on the right representing Timothy. Each row of tile cards is a day and each column is the thoughts and feelings of the person on that day.
This website could easily be visually overwhelming. Each tile card has very elaborately drawn lettering and is a bright color. However, I think this site works because all the typography other than the tile cards is consistent. The site uses variations of Sofia, a sans serif font with clean lines and somewhat thick font weight.
The designer also uses typography in a very structured way:
Days: all caps, bold, 11px font
Names: sentence case, bold, 25px font
Questions: sentence case, bold, 16px font
Answers: sentence case, regular, 16px font
The effect is that not only does the page look consistent when you scroll through it, but Jessica’s responses visually match Timothy’s:
This structure and simplicity prevents the viewer from being overwhelmed by the design. Good typography shouldn’t be something you notice. If well done, the viewer isn’t distracted by it, but is instead able to focus on the content. I think this site has an interesting mix of really elaborate, brightly colored, over the top lettering to draw you in and simple, clean typography for the important inner content.