An independent archive of typography.
to participate.




Konst & Teknik (2015)

The Stockholm studio reaches a new maturity with a portfolio site as thoughtful and attractive as their work.

Contributed by Stephen Coles on Nov 19th, 2015.
    Konst   Teknik.png
    Source: License: All Rights Reserved.

    Konst & Teknik’s latest site is exactly how I like to see a design portfolio presented online: straightforward navigation. No hocus-pocus. Let the work do the talking.

    The simple framework is deceptive, however. Each item’s photography and presentation is carefully considered, with no uniform treatment, and an image grid (if there is one) flexible enough to show each work in its best light. See the interior spread of a book with a cover shot overlaid on top, a website shown via a quadrant of views, or a shop logo side-by-side with a photo of the retail space. I only bemoan the lack of individual URLs so I can link to each of the projects.

    Source: License: All Rights Reserved.

    Nice way to show a book, inside and out. The red caption is a little rough to decipher, though.

    Konst   Teknik 4.png
    Source: License: All Rights Reserved.

    Some projects get a single image, while others require a set. The variability dispels any notion that the site is powered by automatic template.

    Konst   Teknik 2.png
    Source: License: All Rights Reserved.
    Konst   Teknik 1.png
    Source: License: All Rights Reserved.

    Konst   Teknik about.png
    Source: License: All Rights Reserved.

    The typeface is Anselm Serif, a typeface meant for text, but that is so peculiar most designers probably shy away. This is a shame, because it is such rational, reader-friendly choice compared to recent artschool types that are weird just for the sake of being weird. And, despite its eccentricities, Anselm is so readable here — even at 14–18px. It helps that Konst & Teknik wisely chose a family with optical sizes; Anselm Ten has the heft and spacing to withstand this diminutive setting on screen, yet it loses none of its curious flavor.

    Konst   Teknik about zoom.png
    Source: License: All Rights Reserved.

    Peter Ström of Konst & Teknik opted for Anselm’s alternate ampersand and @ symbol, adding another level of interest to the site’s about page and giving the studio’s name more of a logotype treatment.

    We’ve featured plenty of Konst & Teknik stuff at Fonts In Use over the years. In all, their new site personifies the firm well. It’s a mature design studio with a diverse array of professional work. It’s also a group of designers that isn’t afraid to be a little odd and have some fun — not as inside jokes, but in the service of content and audience.


    • Anselm Serif




    Artwork location

    3 Comments on “Konst & Teknik (2015)”

    1. Peiran Tan says:
      Dec 6th, 2015  7:06 pm

      I thought I could click into some more details of each item, but clearly no? The little hand cursor is a bit confusing, because it’s not diving into the item, but going to the next one.

    2. Dec 7th, 2015  11:28 am

      Peiran, once you zoom, you can cycle between all the full-size images in this post. The hand cursor that appears after zooming an image is a little confusing, perhaps, but I’m not sure what you mean by “click into some more details of each item” — all the details on this Use are found here on this page.

    3. Peiran Tan says:
      Mar 10th, 2016  6:04 am

      @Stephen Coles:

      Oh, I am not referring to fontsinuse, but the Konst & Teknik website. Normally I would expect a separate page with more detail / process after I click on the full-screen image of each portfolio piece, but after quite a while I finally understood that there was no detail page, but only a full-screen image gallery. The cursor-hand implies hyperlink that should take the user to another page, but clearly not so.

      If I were to improve it, I would change the cursor shape into right and left arrows to avoid confusion—it very much seems like there’re two giant, transparent divs taking 50% width of the viewport.

    Post a comment