Better fonts for better websites.
Portfolio website of Peiran Tan, 2016 using FB Nobel
Front page of website.
Source: http://peirantan.com Photo: Peiran Tan. © Peiran Tan 2016. License: All Rights Reserved. Artwork by Peiran Tan.
One of the case studies' page, with long-form process text.
Source: http://peirantan.com Photo: Peiran Tan. © Peiran Tan 2016. License: All Rights Reserved. Artwork by Peiran Tan.
The page with more imagery and explanatory text instead of long-form. Titles are placed at the full screen visual center.
Source: http://peirantan.com Photo: Peiran Tan. © Peiran Tan 2016. License: All Rights Reserved. Artwork by Peiran Tan.
Source: http://peirantan.com Photo: Peiran Tan. © Peiran Tan 2016. License: All Rights Reserved. Artwork by Peiran Tan.
My portfolio website takes considerable inspiration from typography in fine print. All three typefaces in use have roots in Dutch type: both Verdigris Big and Malabar take cue from Hendrik Van den Keere, and Font Bureau's Nobel revives S.H. de Roos's same design for Lettergieterij Amsterdam, a.k.a. Tetterode.
Both MVB Verdigris Big and FB Nobel are served through WebType. The body text face, Malabar, is a custom-made version obtained through private communication with the type designer, Dan Reynolds. It features less overall darkness and longer ascenders & descenders.
Though not all, many texts that appear on this website were written directly within the design mockup with set leading and measure, solely for the sake of achieving a better unjustified rag without hyphenation, or evenly grey paragraphs in the case of the front page. Body texts are then automatically hyphenated using Mathias Nater's Hyphenator.
