Fabric
Creating a simple yet distinguishable brand for a digital product studio

LOGO DESIGN, BRAND DESIGN, WEBSITE DESIGN +4 MORE

Live

01

01

01

THE CHALLENGE

THE CHALLENGE

THE CHALLENGE

Fabric needed an entire identity to be built from scratch, including a logo, brand standards and website. However, time and resources were short, so the goal was to create a single page website that could be designed and developed quickly.

Fabric needed an entire identity to be built from scratch, including a logo, brand standards and website. However, time and resources were short, so the goal was to create a single page website that could be designed and developed quickly.

02

02

02

THE VISION

THE VISION

THE VISION

While the time budget for the website was short, I knew that developing a brand was the important foundational step and would require an iterative approach. I envisioned a brand that was minimal and contemporary with a modern and formatted look.


I wanted to pair this brand with a website that was simple enough to design and build quickly, yet left an impression on visitors. To maximize the single page, I chose to pursue a 3D approach to display the portfolio of projects that could be further enhanced with interaction design.

While the time budget for the website was short, I knew that developing a brand was the important foundational step and would require an iterative approach. I envisioned a brand that was minimal and contemporary with a modern and formatted look.


I wanted to pair this brand with a website that was simple enough to design and build quickly, yet left an impression on visitors. To maximize the single page, I chose to pursue a 3D approach to display the portfolio of projects that could be further enhanced with interaction design.

03

03

03

THE RESULT

THE RESULT

THE RESULT

After developing a moodboard and going through many rounds of concepting, I landed on a logo mark and color palette that captured the clean, simple concept of Fabric with a futuristic edge.


I then evolved these brand elements into a minimalistic, one-page website design that focuses on the portfolio of projects.


The website is designed in a simple yet entirely unique portfolio page style, that enables users to interact with 3D elements on desktop and mobile to explore Fabric's current projects. I fully developed the website and all interactions across all screen sizes in Framer.

After developing a moodboard and going through many rounds of concepting, I landed on a logo mark and color palette that captured the clean, simple concept of Fabric with a futuristic edge.


I then evolved these brand elements into a minimalistic, one-page website design that focuses on the portfolio of projects.


The website is designed in a simple yet entirely unique portfolio page style, that enables users to interact with 3D elements on desktop and mobile to explore Fabric's current projects. I fully developed the website and all interactions across all screen sizes in Framer.

04

04

04

THE BRAND

THE BRAND

THE BRAND

The concept of Fabric is to craft digital products out of the fabric of code, in the same way that a tailor would craft high end luxury goods. Yet the personality of the brand needed to feel sleek and modern.

The concept of Fabric is to craft digital products out of the fabric of code, in the same way that a tailor would craft high end luxury goods. Yet the personality of the brand needed to feel sleek and modern.

Brand Kit

Logo

Fonts

Colors

Buttons

Mark

The logo mark represents threads of fabric in the silhouette of an F. It also takes inspiration from military stripes to signify the technical precision of the brand personality.

Logo

I paired the logo with a strong, mono type font to further enhance the sense of precision, order and modernity.

Brand Kit

Logo

Fonts

Colors

Buttons

Mark

The logo mark represents threads of fabric in the silhouette of an F. It also takes inspiration from military stripes to signify the technical precision of the brand personality.

Logo

I paired the logo with a strong, mono type font to further enhance the sense of precision, order and modernity.

Brand Kit

Logo

Fonts

Colors

Buttons

Mark

The logo mark represents threads of fabric in the silhouette of an F. It also takes inspiration from military stripes to signify the technical precision of the brand personality.

Logo

I paired the logo with a strong, mono type font to further enhance the sense of precision, order and modernity.

Brand Kit

Logo

Fonts

Colors

Buttons

Mark

The logo mark represents threads of fabric in the silhouette of an F. It also takes inspiration from military stripes to signify the technical precision of the brand personality.

Logo

I paired the logo with a strong, mono type font to further enhance the sense of precision, order and modernity.

Brand Kit

Logo

Fonts

Colors

Buttons

Mark

The logo mark represents threads of fabric in the silhouette of an F. It also takes inspiration from military stripes to signify the technical precision of the brand personality.

Logo

I paired the logo with a strong, mono type font to further enhance the sense of precision, order and modernity.

Skills Utilized

Positioning

Logo Design

Brand Design

Website Design

Interaction Design

Content Design

Framer Development

Nate Watkin is a digital product designer crafting engaging user experiences

NATEWATKIN@HEY.COM

NATEWATKIN@HEY.COM

NATEWATKIN@HEY.COM