<![CDATA[Typewolf]]> Blog https://www.typewolf.com/blog The Typewolf blog takes a deep dive into the latest in web typography en Jeremiah Shoaf Copyright 2018 2018-10-23T14:14:24-04:00 <![CDATA[The Typographic Details Behind Typewolf’s Favorite Sites of September 2018]]> https://www.typewolf.com/blog/favorite-sites-of-september-2018 https://www.typewolf.com/blog/favorite-sites-of-september-2018 This is the 56th installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for August here.

Leader Bag Co

Leader Bag Co

Ogg is a beautiful serif that is full of character and personality. It has some unusual features, such as the lower stroke on the e that tends to stick out into the letter that follows it, but that is what makes it so unique and memorable. It’s combined here with Freight Text for body copy and Pitch Sans for navigation and captions. I love the colorful, childlike illustrations, but they feel a little out of place next to the products being sold which come across as more chic and fashionable than fun and quirky.


Notation

Notation

This is the first use of Halyard I’ve featured on Typewolf which is a little surprising as the entire family is readily available on Typekit, and Joshua Darden’s other superfamily, Freight, has been massively popular for quite a long time. The design of Halyard was influenced by the classic grotesques of the nineteenth and early twentieth centuries, but it feels a little more even and regular compared to the grotesques of that era which often feel a little off-kilter and wonky. It’s paired here with Freight Display which is used at large sizes for headlines (as intended), while Freight Text is used for body copy. The Freight and Halyard families pair together nicely, as is oftentimes the case with typefaces from the same designer.


The Story of Vermont’s Quiet Digital Revolution

The Story of Vermont’s Quiet Digital Revolution

I love the Q on Colophon’s Mabry typeface—it was the perfect choice for setting the title here as it immediately stands out and gives a distinctive look to the branding. It contrasts nicely with the serif Larish Neue, set directly above it. The body text, set in Graphik, has a readable, narrow width, and the pullquotes breaking out from the grid make the page feel more dynamic. The wide-bodied Adieu is used for bylines and labels, and a fourth sans-serif, Helvetica, is used sporadically as well but probably isn’t really needed since there are already three other sans-serifs being used.


Porter & Pals

Porter & Pals

When I first saw this site, I had no idea it was for a dog food company as the branding is completely bizarre. But I think it is brilliant. As a dog owner myself, I know that the market for specialty dog food is completely saturated—and every brand kind of looks the same. Porter & Pals are probably aware of this and wanted to do something to quickly distinguish themselves from their sea of competitors. And I think they have succeeded here. Their brand feels crazy and exciting and different from anything else out there.

The type plays a huge role in this. The sans-serif Danzza is a geometric/grotesque hybrid that feels genuinely happy—the oversized tail on the g makes it look like it is smiling at you. Windsor has a retro charm that exudes warmth. And Suisse Int’l Mono has a techie feel that matches the aesthetic of the colorful gradients. The type choices, combined with the imagery and colors, come together to create one of the most memorable brands I’ve seen.


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Join my monthly email update list if you’d like to be notified when it is published.

]]>
2018-10-03T00:00:00-04:00
<![CDATA[The Typographic Details Behind Typewolf’s Favorite Sites of August 2018]]> https://www.typewolf.com/blog/favorite-sites-of-august-2018 https://www.typewolf.com/blog/favorite-sites-of-august-2018 This is the 55th installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for July here.

Kleinschmidt

Kleinschmidt

Extended sans-serifs have been all the rage lately, especially set in all caps like seen here. It’s refreshing to see Hoefler & Co’s Ringside family used, as opposed to GT America or Druk which seem to be dominating the extended sans market. The entire site is set in Ringside with no other typefaces used. Ringside is a huge family available in a wide range of weights and widths, so it’s well suited to take on such a task.


Playa

Playa

Canela continues to be massively popular in the fashion and beauty products space as evidenced here. The slight tapering on the stroke endings give it a refined, elegant quality that exudes style. It’s paired here with Klim’s geometric sans Calibre which adds a contemporary feel to the design. It’s always nice to see sites like this where the typography matches up perfectly with the product packaging. I’m always surprised at the number of products I see with beautiful type, only to be disappointed when I visit the website to find that it’s set entirely in Open Sans.


Tito’s Handmade Vodka

Tito’s Handmade Vodka

I think this is one of the few times I’ve seen a compressed style of GT America used as opposed to the extended style which seems to be everywhere these days. A layered effect is added to the headline type using the CSS text-shadow property, making the text pop out from the background. The smaller headlines and body text are set in Eames Century Modern, which feels like a more modern and refined version of Clarendon. The playful brush script Suti rounds out the design set entirely in uppercase.


Heard at Work

Heard at Work

Berlingske Serif is one of my favorite typefaces, but it seems to be overshadowed by other more popular serifs such as Tiempos (which seems especially overused for this particular style of design). I love typefaces like these that have small details that are unique but don’t immediately jump out at you—the arm on the lowercase r is actually a detached floating circle, but it doesn’t seem to negatively affect the readability of the typeface. Berlingske Serif is paired here with Work Sans, a free font available on Google Fonts. The site uses proper apostrophes and quotation marks, which is pretty important for a site comprised entirely of quotes from co-workers.


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Join my monthly email update list if you’d like to be notified when it is published.

]]>
2018-09-03T00:00:00-04:00
<![CDATA[The Typographic Details Behind Typewolf’s Favorite Sites of July 2018]]> https://www.typewolf.com/blog/favorite-sites-of-july-2018 https://www.typewolf.com/blog/favorite-sites-of-july-2018 This is the 54th installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for June here.

Twin Soul

Twin Soul

The Twin Soul site combines two fashionable, contemporary sans-serifs—Adieu, a wide-bodied sans with high contrast, and Sneak, a quirky grotesque with an s that looks like it is flipped upside down. The addition of the serif ITC Clearface adds a warm, retro touch to the design which harmonizes nicely with the colorful geometric shapes. My only critique is that the type sizes continuously scale up based on screen size, so on a large monitor like mine the headlines end up with gigantic text that fits only one or two words per line when the browser window is at full width. Update: this minor issue has since been fixed.


Emergence Magazine

Emergence Magazine

Windsor, together with ITC Clearface mentioned above, are two of the more popular typefaces leading the resurgence of 1970s-evoking serifs. I think they add a welcoming feeling of warmth to the design landscape, amidst the cold sterility of neo-grotesques and geometric sans-serifs. The serif Ogg, used for headlines here, has fairly wide proportions, so it was a clever idea to pair it with the extended cut of GT America. When stacked on top of each other, they feel balanced and even.


Emergence

Emergence

Emergence (completely unrelated to Emergence Magazine featured above) is a venture capital firm with a brand that comes across as stylish and classy in contrast to the techie look that is stereotypical of VC companies. The illustrations help with this as does the type. Canela feels chic and elegant, while Styrene adds a more modern touch. Neither Styrene nor Canela are ideal for body copy (although a text version of Canela was actually just released by Commercial Type last month), so the ever-popular neo-grotesque/gothic hybrid GT America is added into the mix to set the body text.


MIT

MIT

The MIT redesign was lead by the talented folks at Upstatement, who are one of my favorite design agencies at the moment. It seems like I end up featuring almost all of their projects on Typewolf (they also did the Emergence site above). The entire site is set in Luzi Type’s Messina Sans, with typographic contrast coming from different sizes and weights rather than different type families.

The Spotlight section on the homepage features colorful text that switches to a different color theme every day. Some people really despise this kind of type treatment, as evidenced by the “this must have been designed by the same color-blind folks that did Dropbox” comment I saw on Designer News. But that seems to be a common complaint of a certain subset of people whenever a site strays too far from default black text on a white background. I personally love the look and think it adds personality to brands which is sorely lacking on the web these days.


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Join my monthly email update list if you’d like to be notified when it is published.

]]>
2018-08-01T00:00:00-04:00
<![CDATA[The Typographic Details Behind Typewolf’s Favorite Sites of June 2018]]> https://www.typewolf.com/blog/favorite-sites-of-june-2018 https://www.typewolf.com/blog/favorite-sites-of-june-2018 This is the 53rd installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for May here.

Jerome Harris

Jerome Harris

This site uses two freely available open-source fonts—the serif Cormorant and the sans Gothic A1—but still has a distinctive look. The headline type is set tightly with negative letterspacing, recalling the tight-but-not-touching vibe of 1970s typography. The designer of Cormorant actually commented on Twitter how he wasn’t a fan of the tight setting here, but I think it matches the look of the rest of the design and gives the type a less formal and more raw aesthetic.


Long Lean Club

Long Lean Club

Canela and GT America are two of the hottest typefaces of the moment, and they are both combined here. I really love the overall branding—the logo, type choices, colors and photography all feel spot on. However, I feel like the execution on the website could have been better. The paragraphs extend the full width of the browser window, which makes reading difficult on a large screen. And the introduction of a second sans-serif here—Futura—feels unneeded. Perhaps a different width or weight of GT America could have been added instead to keep the design more cohesive.


An Interesting Day

An Interesting Day

Norwegian design studio Bakken & Bæck host a one-day conference every year, with each event getting its own unique website design. This is the fourth feature on Typewolf (check out the 2017, 2016 and 2015 versions), so it’s an interesting way to watch design trends evolve over the years.

The 2018 site is a perfect representation of what is on trend at the moment—wide-bodied sans-serifs, heavy borders and quirky illustrations. An extended cut of GT America is used throughout with an even wider expanded style used for the main headline. Will the extended sans still be all the rage next year? We will have to wait and see…


Whittle School & Studios

Whittle School & Studios

I get the occasional complaint from people who think I feature too much harsh, brutalist-inspired design on Typewolf while passing over anything that takes a more timeless and classy approach. The Whittle School & Studios site should please this group. Nothing about it feels overly trendy—it’s just solid typography executed in a tasteful manner.

The huge headlines set in the Big optical size of Freight contrast nicely with the smaller text set in GT Walsheim. GT Walsheim is a unique geometric sans that is full of personality, but it still reads quite well at smaller sizes. And it helps that the line lengths of the paragraphs are kept at a narrow, readable width that fits nicely in the oft-recommended 45–75 characters per line range.


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Join my monthly email update list if you’d like to be notified when it is published.

]]>
2018-07-05T00:00:00-04:00
<![CDATA[The Typographic Details Behind Typewolf’s Favorite Sites of May 2018]]> https://www.typewolf.com/blog/favorite-sites-of-may-2018 https://www.typewolf.com/blog/favorite-sites-of-may-2018 This is the 52nd installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for April here.

Jonesy

Jonesy

The 1970s-evoking Windsor typeface continues to be popular here on Typewolf. It gives off a warm, vintage aesthetic which feels like a perfect fit for a brand selling high-waisted underwear. The serif Plantin is used for the text set at smaller sizes where Windsor might be a little too ornate for optimal legibility. Calibre, a geometric sans from Klim, is paired with the two serifs, making the overall design feel a touch more modern and contemporary.


Cup of Couple

Cup of Couple

The Cup of Couple site uses four type families, but it doesn’t feel like too many as each typeface is used in a consistent way for a specific purpose. Displace, a high-contrast calligraphic sans, is used for the page headers. The article headlines use Perpetua Titling, a display cut of Perpetua that is available in uppercase only. Franklin Gothic is used for navigation and the body text is set in Garamond. Everything except the body copy is set entirely in uppercase which creates even more contrast between the text areas.


Swallowtail Tea

Swallowtail Tea

Louize Display is an inscriptional typeface from French foundry 205TF that is somewhat similar in style to the ultra trendy Canela from Commercial Type. It isn’t used nearly as much though, so it feels a bit more fresh and distinctive. The monospaced cut of GT Pressura is an unusual pairing choice as it feels more techie and industrial compared to the classical look of Louize, but I think it still works nicely.


Texas Monthly

Texas Monthly

Condensed typefaces make for excellent headline choices as they allow for a larger font size while fitting more words per line compared to a standard-width face. The end result is a more efficient use of space with less awkward line breaks. The Texas Monthly site uses Grifinito, a compressed member of R-Typography’s Grifo family, for the main titles with the regular width used for the smaller headers. Hoefler & Co.’s Ringside and Chronicle Text round out the design, used as workhorse faces for navigation and body text.


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Join my monthly email update list if you’d like to be notified when it is published.

]]>
2018-06-03T00:00:00-04:00
<![CDATA[The Typographic Details Behind Typewolf’s Favorite Sites of April 2018]]> https://www.typewolf.com/blog/favorite-sites-of-april-2018 https://www.typewolf.com/blog/favorite-sites-of-april-2018 This is the 51st installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for March here.

Checkout.com

Checkout.com

GT Super was officially released by Grilli Type just a few weeks ago, but some designers have been able to get their hands on the font early as there have been uses on Typewolf going all the way back to mid-2017. My prediction is that this typeface is going to blow up this year. It ticks all the boxes of what is trending with designers right now—high contrast, 1970s-evoking and sharp, blade-like serifs. The Checkout.com brand feels a bit corporate to adopt this look, but it shows that this style is going mainstream.

You might notice that the body text on this site (as shown in the paragraph in the screenshot above) is set pretty tight—the letters and words all seem kind of smushed together. However, it’s not the CSS letter-spacing or word-spacing causing this but the particular version of Neue Haas Grotesk being used. Rather than using the text optical size, everything is set in the display optical size which has tighter spacing built-in. I’m not sure of the reasoning behind this decision, as the type is set pretty small and definitely not used at the kind of large display sizes that would warrant the tighter setting.


Herb

Herb

Eksell Display is somewhat similar to GT Super, mentioned above, with its razor-sharp serifs and general all-around evil appearance. It was originally drawn by someone who was a graphic designer rather than a type designer, which no doubt contributes to its oddball, off-kilter appearance. The body text is set in Commercial Type’s Styrene family which reads surprisingly well despite its quirky features, such as the overly wide crossbars on the t and f, as well as the prominent curve on the J.


Gaimo

Gaimo

SangBleu Empire, a member of the SangBleu collection from Swiss Typefaces, is yet another typeface that may fall into the “evil serif” category with letters that look like they could be used as weapons. It’s a very distinctive typeface that helps create a strong identity for the Gaimo shoe brand. The pairing with Roboto feels out of place though—it makes me think of Google and their suite of products, as well as generic website templates that rely on the Google Fonts service. Another member of the SangBleu family could perhaps have been used instead to create a more unique visual identity.


Dwell in Other Futures

Dwell in Other Futures

Beatrice Display is a coming-soon release from Sharp Type, so there isn’t much information available on it yet. I’ve noticed lately that foundries have been making their upcoming releases available early to select designers, perhaps to create buzz ahead of the official launch. I’ve seen designers fawning over Beatrice on Twitter, so this strategy may be working.

I think this typeface has a visceral appeal to designers due to its striking visual qualities—the ultra high contrast, hairline horizontal strokes and the dot on the i that is just a straight line. It feels very avant garde. Its real-world usefulness, however, is probably quite limited. The hairline strokes completely disappear at small sizes—even at large sizes they are barely there. But that won’t stop designers from reaching for it in situations where aesthetics and emotional response trump pure readability.

A much more neutral and legible typeface, Programm, is paired here with Beatrice Display. Programm is a sans-serif that originated in the 1960s and has since been revived through Dinamo Standards, a branch of Swiss foundry Dinamo that focuses on revivals and interpretations of forgotten typefaces.


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Join my monthly email update list if you’d like to be notified when it is published.

]]>
2018-05-03T00:00:00-04:00
<![CDATA[The Typographic Details Behind Typewolf’s Favorite Sites of March 2018]]> https://www.typewolf.com/blog/favorite-sites-of-march-2018 https://www.typewolf.com/blog/favorite-sites-of-march-2018 This is the 50th installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for February here.

Sophie Haig

Sophie Haig

I thought this was Times New Roman at first, but it’s actually Riccione, a design that is super similar to Times but with wider proportions and thinner, sharper serifs. They could have saved a webfont download by just using the default system font instead. However, it does add a slightly different feel to the design, so maybe it is indeed worth the extra bandwidth. A wide cut of Titling Gothic is paired with the serif, adding a contemporary touch to the layout.


11 Honoré

11 Honoré

Canela continues to be wildly popular with fashion brands—it’s beginning to feel like the twenty-first century version of Optima. Size-inclusive clothing company 11 Honoré make use of the lighter cuts here for their logo and site design.

Some of the type is a little on the small size, particularly the thin weights of Canela, which feature delicate strokes that can become brittle if used at too tiny of a size. Smaller type tends to look more elegant though, especially when contrasted next to a larger heading. An expanded cut of Favorit is used at sizes as small as 9px, but it holds up decently due to its sturdy strokes and wide letterforms.


Mr. Leight

Mr. Leight

This is another site using the fashionable Canela, but this time a heavier, less-delicate cut is used. The logo looks to be loosely based on Canela as well, but with some strokes erased and triangular shapes tacked on. ITC Avant Garde Gothic is paired with it, used at a tiny size for maximum contrast with the large headlines.


Paradiso

Paradiso

So we are four-for-four this month on designs using the trendy peachy-pink color. I’m not sure if I specifically seek out this color to feature or if it’s just too popular as to become unavoidable. But hey, it’s a nice color and much more interesting than the default black text on a white background…

The Paradiso site is all over the place with its type choices. Windsor gives off a laid-back 70s vibe. Europa feels sleek and modern, but it’s set with generous letterspacing, which gives the geometric sans a more open and friendly feel. The use of Optima adds a refined, classy touch. And Graphite, an upright script face based off an architect’s pencil, seems to be scrawled randomly throughout just for fun. It’s a lot of type to take in, but it makes the entire design engaging and full of personality.


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Join my monthly email update list if you’d like to be notified when it is published.

]]>
2018-04-04T00:00:00-04:00
<![CDATA[The Typographic Details Behind Typewolf’s Favorite Sites of February 2018]]> https://www.typewolf.com/blog/favorite-sites-of-february-2018 https://www.typewolf.com/blog/favorite-sites-of-february-2018 This is the 49th installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for January here.

Creative Leadership Salon

Creative Leadership Salon

Antique Olive is a unique typeface in that it has reverse stroke contrast, meaning the horizontal strokes are thicker than the vertical strokes. This is the opposite of standard typefaces, which gives the letterforms a wonky, off-balanced feel. Here, a condensed cut is set entirely in uppercase which makes the reverse contrast not quite as noticeable. The “evil serif” Romana is paired with it, which starkly contrasts with the quirkiness of Antique Olive.


Smalls

Smalls

Nimbus Sans, a Helvetica-inspired neo-grotesque, is the sole type family used on the Smalls website. The navigation and subheaders use an extended cut set in uppercase, which helps create hierarchy and breaks up the “sameness” of using a single font.

The lowercase text has added letterspacing, which is usually considered a typographic faux pas. I’ve noticed other sites doing this lately and it feels like it is starting to become somewhat of a trend. To me, this loose typesetting gives designs an almost childlike quality, feeling friendly and open like a learn-to-read book.


Book of the Month

Book of the Month

Kris Sowersby of Klim designed Untitled Serif to be a neutral book face that blends into the background. So it is interesting to see it used here as a prominent display face. Graphic designers always end up using typefaces in ways not originally intended by type designers. Grilli Type’s GT America is used for the rest of the site, while the logo is set in Farnham Display italic, showing off some of the gorgeous swash characters.


WePresent

WePresent

ITC Clearface continues to be popular as of late—it made an appearance on the recent Chobani rebrand and has been featured quite a bit on Typewolf recently. I feel like it’s losing some of its retro associations and starting to feel contemporary again. I credit OKREAL with helping to revitalize this typeface, as their influential site design from 2014 made prominent use of it (in addition to being one of the first sites to do the whole colored-text-on-a-colored-background thing).

The WePresent site may have possibly been inspired by OKREAL but manages to do its own unique thing. The headlines mix in the sans-serif Fakt mid-sentence, giving a distinctive look to the story titles. And I love how some of the stories are individually art directed with their own custom color palettes. The body text is set beautifully in a readable line length with proper apostrophes, quotation marks and dashes used throughout.


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Join my monthly email update list if you’d like to be notified when it is published.

]]>
2018-03-01T00:00:00-05:00
<![CDATA[The Typographic Details Behind Typewolf’s Favorite Sites of January 2018]]> https://www.typewolf.com/blog/favorite-sites-of-january-2018 https://www.typewolf.com/blog/favorite-sites-of-january-2018 This is the 48th installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for December here.

Penguin Modern

Penguin Modern

The Penguin Modern book covers are probably the single best use I’ve ever seen of ITC Avant Garde Gothic’s extensive ligatures. The typesetting really shows off some of the more exuberant letter combinations and everything lines up in such a typographically pleasing way. This level of exact typographic control would be difficult to accomplish using pure CSS, so it looks like this was integrated using SVG images rather than text.


Post Typography

Post Typography

A design studio with typography in their name better have type that is on point and these guys certainly do. I really dig the typographic grid on the about page—the body text is offset from the headline with an indent, which helps keep the line length readable while also giving the layout a more dynamic feel. The headlines and body copy are set in Okay Type’s serif Harriet, with prominent use of the beautiful italic cut, while the subheaders are set with Process Type’s sans-serif Colfax in letterspaced all-caps. This type system is used consistently throughout the site, giving the design a cohesive feel.


Grayes

Grayes

Canela and GT America are probably the two hottest typefaces from 2017, but their use here comes across as classy and professional rather than trendy. Canela feels inherently fashionable, especially in the lighter weights, with its subtle, delicately flared serifs.

The screenshot above shows an awkward line break with a single word floating by itself that could have been prevented with a simple trick: manually add a <br> tag between a and point. This would balance out the two lines of text and would read much better. With dynamic content spit out of a CMS this isn’t always feasible to implement, but it could be worth training writers on the client-side to watch out for weird line wraps like this.


Bond

Bond

This is the first use of Basic Sans I’ve featured on Typewolf, which is surprising as it’s a trendy-looking grotesque that is available to anyone with a Typekit plan. It’s paired here with Schick Toikka’s calligraphic sans-serif Chap. Combining two sans-serifs isn’t usually recommended, but these two are different enough from each other to create sufficient contrast. The layout is built entirely around Lisa Tegtmeier’s gorgeous illustrations, with the color of the type matching up perfectly with the bold colors from the artwork.


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Join my monthly email update list if you’d like to be notified when it is published.

]]>
2018-02-01T00:00:00-05:00
<![CDATA[The Typographic Details Behind Typewolf’s Favorite Sites of December 2017]]> https://www.typewolf.com/blog/favorite-sites-of-december-2017 https://www.typewolf.com/blog/favorite-sites-of-december-2017 This is the 47th installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for November here.

Designer That Reads

Designer That Reads

This site is set entirely in Romana with everything center-aligned all the way down the page. The designer implements a super simple trick here that has a huge impact on the site’s typography—rather than letting text flow freely, manual line breaks (<br>) are inserted to break up the lines into readable chunks. This prevents awkward line wrapping and words floating by themselves. I definitely wouldn’t recommend using this technique on paragraphs, however, for large display type like this (and especially for centered text), it can be a nice touch that improves the flow of reading.


Civilization

Civilization

Larish Neue is a chunky serif with thick stems and heavy, bracketed serifs. Its quirky letter shapes pair nicely with the eccentric forms of Gill Sans, especially with the letter a which feels top-heavy in both typefaces. The quotes here are set well with proper quotation marks and em dashes, although the uppercase text below the quote attribution may benefit from a slight amount of added letterspacing.


Pre_Invent

Pre_Invent

Tacite is a distinctive typeface with long, spindly serifs that give off an evil sort of vibe. All of the type here is set tightly, with the paragraphs using a line height of just 1.2, which is much lower than the oft-recommended value of 1.5. This tightness gives the layout an uneasy, claustrophobic feeling which may very well be what the designers are intending to evoke.


Holiday Correspondence Aid

Holiday Correspondence Aid

A wide cut of the sans-serif Druk is paired here with an italic cut of the Old Style serif Quarto. Mixing typefaces in mid-sentence is a challenge, but the designers here did an admirable job. The x-height of Quarto matches up perfectly to the cap height of Druk, which creates an even texture to the paragraph.


Stay Tuned for Next Month’s Post

I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Join my monthly email update list if you’d like to be notified when it is published.

]]>
2018-01-04T00:00:00-05:00