Design Wunderbar

Kinfolk Website Design: Case Study ø2

Kinfolk is an indie online magazine built around sophisticated readers. Aside from beautiful images, the website is full of fascinating and rich narratives about home, work, style, and culture. Likewise, it "connects a community of creative professionals from London to Tokyo."

If you like simple web designs combined with engaging content and sleek photography, then you'll surely enjoy browsing Kinfolk. There are many elements to love about Kinfolk's website. So we've collected all the pages we found here and create a wonderful design story.

kinfolk website design main page
Kinfolk — Main Page

The website of Kinfolk has a personality all on its own. Its homepage features distinctive, high-quality images with lush yet functional font pairings. It utilizes plenty of white spaces in the right areas to prevent overcrowding of elements. Full-width images also help breakdown the page seamlessly.

The stylized full-width header of the site will catch your attention right away. On the other hand, its footer is simplified with only links of Kinfolk's social media and a box for subscribing to their newsletter.

kinfolk side menu design
Kinfolk — Side Menu

Tucked subtly on the top right corner of the page is the side menu. It's pretty straightforward and will direct you where you want to go, making it easy to navigate the site.

about kinfolk
Kinfolk — About

Instead of using a white background, the About page has a neutral one that complements the featured image on the page. It's a combination of simplicity and elegance with concise information about the company, including a list of their team.

kinfolk contact page design
Kinfolk — Contact

The Contact page has the same color scheme as the About page. There are no fancy design details here, which is what contact pages should be. It holds every essential contact details a client will need from a business.

kinfolk shop page
Kinfolk — Shop

Another part of the website you'll love is its Shop page. The slider is presented in a simple yet compelling way. It highlights the latest offering from Kinfolk with a brief description in a highly readable text.

Meanwhile, the list of products below is presented beautifully. Each magazine cover has a beige square background to help it stand out against the white background. This brilliant concept continues to the individual product page.

design category page
Kinfolk — Category Page

The design of the Category page is similar to the homepage. It contains plenty of images that will surely intrigue you right off the bat. And although there are a lot of things to see on this page, it still looks clean and not cluttered at all.

kinfolk gallery page design
Kinfolk — Gallery

Unlike other websites, the Gallery page of Kinfolk only contains a few chosen images from their physical gallery. Again, the images used here are stunning and agree with the overall feel of the site.

kinfolk register login page
Kinfolk — Login Page

Simplicity and clarity are the keys to the web design of the magazine company. And its Login page shows that perfectly. The design is not complicated at all, where you'll find an option to either login to your account or register.

kinfolk search popup
Kinfolk — Search Popup

The same idea goes to the popup search box. You can either enter a keyword on the search line or browse the categories provided below it. No doubt, the fonts used here stole the show. The size, color, and pairing stood out wonderfully against the plain white background.

kinfolk terms and conditions page
Kinfolk — Terms & Conditions

We tend to skip the terms and conditions of a site since they're usually difficult to read. But that's not the case here. Kinfolk utilized a professional-looking font at the right size. Hence, the entire text is easy to comprehend.

kinfolk table book page
Kinfolk — Shop / By Book

Design Responsive Emails

See All ›
HTML Payment Emails
Blink: Payments
Blink: Payments
HTML Payment Emails
HTML Email Newsletters
Blink: Newsletters
Blink: Newsletters
HTML Email Newsletters
HTML Transactional Emails
Blink: Transactional
Blink: Transactional
HTML Transactional Emails
HTML Welcome Emails
Blink: Welcome
Blink: Welcome
HTML Welcome Emails
Responsive HTML Email Templates
Mailto
Mailto
Responsive HTML Email Templates

Make Websites Faster

See All ›
Website Template for Startups
Foundation
Foundation
Website Template for Startups
Sell Digital Assets
Marketplace
Marketplace
Sell Digital Assets
Blog Template for Bootstrap
Parrot
Parrot
Blog Template for Bootstrap
Login Page Form Template
Portal
Portal
Login Page Form Template
Portfolio Website Template for Agencies
Lighthouse
Lighthouse
Portfolio Website Template for Agencies
Marketing Website Widgets
Little Widgets
Little Widgets
Marketing Website Widgets

Design Better Products

See All ›
Website Template for Startups
Foundation
Foundation
Website Template for Startups
Sell Digital Assets
Marketplace
Marketplace
Sell Digital Assets
Blog Template for Bootstrap
Parrot
Parrot
Blog Template for Bootstrap
Login Page Form Template
Portal
Portal
Login Page Form Template
Portfolio Website Template for Agencies
Lighthouse
Lighthouse
Portfolio Website Template for Agencies
Marketing Website Widgets
Little Widgets
Little Widgets
Marketing Website Widgets