Source: http://www.peirantan.com.Photo: Peiran Tan. © Peiran Tan 2016. License: All Rights Reserved. Artwork by Peiran Tan.

Front page of website.

MyFB Nobelare 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.

Source: http://www.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://www.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://www.peirantan.com.Photo: Peiran Tan. © Peiran Tan 2016. License: All Rights Reserved. Artwork by Peiran Tan.