diff --git a/src/2015-08-31-fonts-in-use-north-53.md b/src/2015-08-31-fonts-in-use-north-53.md new file mode 100644 index 0000000..1d59114 --- /dev/null +++ b/src/2015-08-31-fonts-in-use-north-53.md @@ -0,0 +1,65 @@ +--- +title: 'Fonts in Use: North 53' +thumbnail: /media/2015/08/fonts-in-use-north-53-2.jpg +author: kennethormandy +category: fonts-in-use +template: post.hbs +--- + +During my visit to Edmonton, Canada, I went to an amazing cocktail bar and restaurant called [North 53](http://north53.com/). I was pleasantly surprised to find they were using [Joe Prince’s Klinic Slab](http://www.losttype.com/font/?name=klinic) in their menus and other collateral. + +We haven’t done a proper [Fonts in Use post](/fonts-in-use) in a while, but this seems like as good a moment as any to start up again! + +
+
+

A photo posted by dajana fabjanovich (@allkindsoflovelyblog) on

+ +
+
North 53’s menus, using multiple weights of Klinic Slab for subheadings, text, and prices. +
+
+ +
+![](/media/2015/08/fonts-in-use-north-53-4.jpg) +
Tiki Night promo, featuring [Klinic Slab](http://www.losttype.com/font/?name=klinic) for the text, and some bespoke lettering for headlines. + +
+
+ +
+[![](/media/2015/08/fonts-in-use-north-53-2.jpg)](https://instagram.com/p/3uaAXro_JS/) +
+ The drink menus, with Klinic Slab in use for drink details. +
+
+ +
+ +
+

Who wants to play? #north53 #yeg #yegdt

A photo posted by @englishgirlapproximately on

+ +
+
Klinic Slab is the slab typeface used for portions of cocktail wheel, and menu descriptions. + +
+
+ +
+![](/media/2015/08/fonts-in-use-north-53-1.png) +
The website, using Klinic Slab Medium and Bold as web fonts. + +
+
+ +
+![](/media/2015/08/fonts-in-use-north-53-3.jpg) +
Klinic Slab for text and FF DIN for headings in North 53’s pop-up menu. Always nice to see the design work continue through one-off pieces. + +
+
+ +Also, I accidentally ended up in the opening frame of their new promo video, probably starring at the type in the menu. Oops. + +

Fifty Three in action. Cut! pic.twitter.com/YrLZXV0rHj

— North 53 (@north_53) August 22, 2015
+ diff --git a/src/css/module/_figure.scss b/src/css/module/_figure.scss index a9702cc..fd2455f 100644 --- a/src/css/module/_figure.scss +++ b/src/css/module/_figure.scss @@ -212,6 +212,7 @@ figcaption { width: 100%; flex: 1 1 100%; font-family: $font-family-caption; + letter-spacing: 0.01em; // font-style: italic; align-self: flex-end; line-height: $base-line-height; diff --git a/src/media/2015/08/fonts-in-use-north-53-1.png b/src/media/2015/08/fonts-in-use-north-53-1.png new file mode 100644 index 0000000..06dc4c3 Binary files /dev/null and b/src/media/2015/08/fonts-in-use-north-53-1.png differ diff --git a/src/media/2015/08/fonts-in-use-north-53-2.jpg b/src/media/2015/08/fonts-in-use-north-53-2.jpg new file mode 100644 index 0000000..ec3be4c Binary files /dev/null and b/src/media/2015/08/fonts-in-use-north-53-2.jpg differ diff --git a/src/media/2015/08/fonts-in-use-north-53-3.jpg b/src/media/2015/08/fonts-in-use-north-53-3.jpg new file mode 100644 index 0000000..29e72cd Binary files /dev/null and b/src/media/2015/08/fonts-in-use-north-53-3.jpg differ diff --git a/src/media/2015/08/fonts-in-use-north-53-4.jpg b/src/media/2015/08/fonts-in-use-north-53-4.jpg new file mode 100644 index 0000000..b1aa7c6 Binary files /dev/null and b/src/media/2015/08/fonts-in-use-north-53-4.jpg differ