This week, we’re all about weighty design: from old computers to even older automobiles. Get ready to do a little time traveling.

Celebrate the Mac website

Celebrate the Mac will be a nostalgic trip for a lot of us. In honor of the 30th anniversary of the Macintosh, Jonathan Zufi features a selection from his huge collection of Mac-specific photography, paired with a few details about the machines Apple has released over the past three decades. Headings and navigation are set in Futura PT, whose clean geometric shapes are a natural match for a company known for its simple design elegance. Body text is in Proxima Nova, feeling exceptionally light here thanks to the wide spacing.

Chromeography website

We could spend hours poring over the beautiful and endlessly varied designs featured on Chromeography, a site that exists “in praise of the chrome logos and lettering affixed to vintage automobiles and electric appliances.” The site was built by author and type critic Stephen Coles, whose strong taste for type is evident in the tagging methodology, including categories for “Swash” and “Baseline connection.” All text on the site is set in FF DIN Round, whose soft edges are a great counterpart to all the shiny chrome, as well as the sharp angles on the hand-lettered Chromeography logo.

That’s it for this week; share sites you like in the comments!

This week’s sites we like make us want to get up and get moving. Whether focusing on the court, the surf, or pair of wheels, they’ll get your typography flowing.

swl-vickers

Vickers Bicycles is all about classic style, which is neatly reflected in their font selections. Headers are set in Adobe Garamond, making nice use of its italics, and the product prose relies on the perpetual favorite, Proxima Nova. Even if you’re not in the market for a new bicycle, we think you’ll enjoy perusing the site.

swl-rookie

Rookie is a sports site that looks at the stories and people behind the scores and stats. They’ve paired the sturdy Futura PT Condensed with some beautiful photos for (we have to say it) a slam dunk.

swl-otter

If you’re looking for a new board or even want to learn to craft your own, Otter Surfboards is the place to be. Header text is set in
Raleway
, another one of your favorites, and the body text is Droid Serif. The attractive pairing puts the information you need front and center, leaving you plenty of time to get back to the beach.

That’s it for this week; share sites you like in the comments!

It’s been just over a year since we began our partnership with Squarespace, and we’re excited to get a look at a few of the stunning websites that are the result of pairing these intuitive editing tools with great type options.

TaraRudolph

Tara Rudolph doesn’t need many words to show off her stunning photography portfolio, but when she does include text, she makes it count. Headers are set in classic Adobe Caslon, and the prominent top navigation options are in sturdy Museo Sans, with FF Meta making an understated appearance in footer copy.

Neuarmy Surplus Co website

Applying artistic sensibility to military surplus materials, Neuarmy Surplus Co. pushes us beyond our army jacket phase and into something truly stylish. We love the look of Futura PT in the text here; its bold geometric shapes play wonderfully against the big, heavily-shadowed photographs.

Wayfarers Photography website

Brandon Grotesque makes a lovely center-stage appearance upon your first glance at the Wayfarers Photography website, but from there on out, the amazing photography portfolio steals the show. Body text is set in Adobe Garamond, showing off the lovely italics in several places.

That’s it for this week; share sites you like in the comments!

This week, we’re feeling drawn in by the vibrant portfolios of a few creative agencies—all of whom take the opportunity on their own sites to show off skilled web design as well as some solid typographic choices.

Domani website

Domani makes a great case for itself as a creative agency with the bold images and clever animations on this delightful website. Futura PT is a perfect typeface choice to match this energy, and beneath these geometric headings, the rounded edges of Omnes pair nicely in the body text.

Makewell website

Makewell takes a more minimal approach to their portfolio page, and the result is a clean, straightforward site that tells a convincing story about their portfolio of projects. Type is carefully paired here, with Museo Sans used throughout and occasionally punctuated with a dash of Museo Slab.

Planet Propoganda website

Design is front and center at Planet Propaganda, with snapshots from their excellent portfolio on display alongside their thoughtfully composed method. The eye-catching type in the main navigation is Hellenic Wide, a digital adaptation of a metal type with roots in the late 19th century. Futura PT also appears in headers throughout the site.

That’s it for this week; share sites you like in the comments!

As winter trudges along, we’re drawn to cozy indoor activities—like curling up with a good read. In this week’s sites we like, we’re sharing a few literary-minded sites that show a lot of respect for the written word, be it recommending good reads, publishing them, or (in all cases) setting it in excellent type.

Openings website

Openings features just the first line from a long list of books, poems, songs, and other works, making for a subtly brilliant site that we got completely sucked into. Livory displays beautifully here as the primary body text font, giving a warm and weighty feel to the quoted lines. Navigation in JAF Bernina Sans is clean and unobstrusive.

STET website

We’ve loved reading the thoughtful articles that have appeared on STET, which are accompanied by fantastic illustrations and, of course, a great type pairing. Multiple weights of JAF Facit play the part of headlines and navigation, offset by the gorgeous serif Calluna. The combination makes for an enjoyable, comfortable reading experience.

Bookshelf website

Designer Daniël Van Der Winden gives us a list of recommended reading in the most stylish manner imaginable with Bookshelf. We love seeing Adelle front and center with a sweeping quote on the main page, immediately setting the deliberate, literary tone for the site. Proxima Nova appears in subheads and navigation throughout, and a long list of other fonts make cameo appearances: Abril Fatface, Futura PT (for The Wes Anderson Collection, appropriately), League Gothic, and possibly even more with the next review he posts up there.

That’s it for this week; share sites you like in the comments!

We’re back with the new year, and delighted to round up a new batch of sites that recently caught our interest—this week, with some special attention to a few sites that give us a glimpse into other people’s lives, stories, and thoughts, and a bit of our own cultural mythology.

Indigy screenshot

Indigy presents a lovely space for a powerful purpose: to share stories from cultures around the globe at risk of being forgotten. Freight Sans and FF Tisa are alternated for both body and header text here, and make for a thoughtful pairing that performs well for the longer blocks of text throughout the site while keeping navigation tidy.

Medium screenshot

It’s already evident to us how dearly the folks at Medium care about type on their site, and we love the recent redesign. The calligraphic shapes of Freight Text immediately pull us in, a great choice for long-form reading, with navigation and other elements in clear JAF Bernino Sans to make the whole experience feel completely effortless.

American Imagery Bank screenshot

Keep an eye on the American Imagery Bank for updates to their fascinating catalog of the iconic images that define the American identity, rendered beautifully in woodcuts. We love the type choices here, too, with the banner in Refrigerator Deluxe, headers in classic Futura, and body text in nostalgic SchoolBook.

That’s it for this week; share sites you like in the comments!

Customizing your WordPress.com blog with fonts from Typekit just got even better. In partnership with Typekit, WordPress.com has refreshed the list of fonts included in its Custom Design upgrade, giving you access to some great new options.

Highlights among the new fonts include Abril Text from TypeTogether for classically readable paragraphs, Futura PT from ParaType for elegant headlines, and the always versatile Brandon Grotesque from HVD Fonts and Chaparral Pro from Adobe.

Like before, you can preview any of the fonts on your blog by selecting them from the font menus in the WordPress.com Customize feature:

Then, a click of the Save button applies the fonts to your blog, no coding required.

We’re excited to help make more Typekit fonts available to WordPress.com users through this easy-to-use feature and can’t wait to see the new, creative examples of blog typography that result.

We’ve worked up a bit of an appetite looking through this week’s sites we like, which rounds up a few menus we’ve noticed recently—showing both delicious-sounding dishes and (of course) tasteful use of type.

Electric Diner website

The Electric Diner menu boasts “unfussy combinations of the best ingredients” in their London restaurant, and we might use the same phrase to describe the pairing of typefaces they selected for their website. Proxima Nova is a dependable choice for clear body text, and we love the bold, precise look of Prenton Ultra Condensed in the headers.

Fuel Cafe website

Futura gets center stage on the Fuel Cafe website, its geometric shapes working in good visual harmony with the clean design and navigation. Brandon Grotesque adds a touch of warmth to the menu descriptions—not that it takes much to make a “cheddar scallion biscuit with homemade sausage gravy” sound pretty appealing to us. (We’ll take 30, please.)

Vermont Salumi website

Not full yet? Let’s head over to Vermont Salumi, purveyors of fine cured meats with an evident flair for type. They use Chunk for an old-fashioned woodcut aesthetic in their standout headings, and News Gothic for no-nonsense navigation—and see if you can detect the tiny traces of Bello and Aviano Sans in there, too.

That’s it for this week’s sites; share sites you like in the comments!

In this week’s sites we like, we’ve found a few sites whose business involves a lot of time around film—making it look good, sound right, and helping us regular viewers keep track of it all.

Ende website

We don’t frequently see monospaced fonts used for longer text passages on websites, but Colombian audiovisual design firm Ende uses Inconsolata to great effect on their homepage, giving the text a crisp feel against soft background colors that subtly change as you scroll. Futura PT appears in the headings.

Golden Hum website

Golden Hum, a music and sound production company based in London, shows off its impressive portfolio. Minion Pro, heavy on caps, is used for the text throughout, its classically-inspired shapes looking fit to be carved into stone along with Golden Hum’s precisely-chiseled logo.

Letterboxd website

Gearing up for a scary movie to celebrate another Friday the 13th? Letterboxd keeps track of the films you watch, letting you record notes and create lists—either for your own reference, or to share with friends. Abril Text is used for most of the copy, with Proxima Nova and Freight Sans for navigational text and tags.

That’s it for this week’s sites we like; share sites you like in the comments!

We’re getting down to serious business this week, with one site building giant robots to track down mutants, and another keeping all that technological research well-documented with good technical writing. Proxima Nova, used in both, never fails to impress us.

Trask Industries homepage

The Trask Industries website is a clever tie-in for the upcoming X-Men movie, treating the robotic “Sentinel” program with a smooth, glossy approach that neatly mimics modern PR campaigns. Headings are in Futura PT, with text in Proxima Nova. (And, yeah, we might be a little excited about this movie.)

Tech Writing Handbook

Good technical documentation is critical for managing your robot Sentinel (or, perhaps more likely, your FitBit). Intelligently written and easy to navigate, the Tech Writing Handbook is a great resource for the basic principles of good technical writing. The text is set in Proxima Nova and Proxima Nova Soft.

That’s it for this week’s sites; share sites you like in the comments!