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.
