Timeline
N/A
Deliverables
Research
User Flow
Wireframe
Prototype
UX Design
Tools
Figma
Role
UX Designer
N/A
Deliverables
Research
User Flow
Wireframe
Prototype
UX Design
Tools
Figma
Role
UX Designer
What is Fabric?
Fabric is run by commerce veterans helping brands migrate from legacy commerce systems. The headless platform is geared towards providing intuitive business applications for retail buyers, planners and marketers.
Fabric's API-first, headless commerce platform provides the freedom to enrich customer experiences for the modern business.
The goal of fabric is "The End of Replatforming".
Fabric is run by commerce veterans helping brands migrate from legacy commerce systems. The headless platform is geared towards providing intuitive business applications for retail buyers, planners and marketers.
Fabric's API-first, headless commerce platform provides the freedom to enrich customer experiences for the modern business.
The goal of fabric is "The End of Replatforming".
![](https://freight.cargo.site/t/original/i/39c2b58b4c314c85ce73ec511aae356ab3b83572b4a096baf93665842aeaada5/File-Cover---1.png)
Grid System︎︎︎
4-columns grid system on mobile site and 12-comumns grid system on desktop site.
![](https://freight.cargo.site/t/original/i/2646742dae3738274e7ecb4921b79c59aec1bc587155e660e8a1580db2de9716/grid_system.png)
![](https://freight.cargo.site/t/original/i/2851c93e09538f1e383ce65c7514a7f3ac2cf17150e7bd968ef09b4d79b8651c/Style_guide.png)
![](https://freight.cargo.site/t/original/i/0210746f6cd12e6a0f28c21609c6981a2d4381fce706312c1ec25750e1835ad4/style_colorcard.png)
![](https://freight.cargo.site/t/original/i/4fb5461d856f2fa11902684e5aa30634e570ac1afd25662c2a204d66c9fb08ac/ui_buttons.png)
![](https://freight.cargo.site/t/original/i/b3932a73c45fb3f9dbcd1c63d25117472d9370f3900201919a9b806f9aa65eb5/ui_icon.png)
︎︎︎Style Guide
Style guide that includes Typography, Color Palette, Icons, Buttons, Custom Inputs, and Text Inputs.
UX Flows︎︎︎
![](https://freight.cargo.site/t/original/i/c8697e0501dd64bcf1d5181e7ce963bb95cd324fd7f7d317e7eab2e7235102c8/image-1.png)
![](https://freight.cargo.site/t/original/i/f29d0a7da7133cc40a0fe72ff3b8142b358a66c7af136b2c51b8b44f38c8efa5/image-2.png)
Details are coming up