Skip to main content New Chrome extension: Design inspiration in every new tab →

Pages Sections OG images Profiles Fonts Pricing

WebsitesTemplatesPagesSectionsOG imagesProfilesFontsPricing

Pages Sections OG images Profiles Fonts Pricing Sponsor Community boardsNew BlogChrome extensionNew MCP server AboutLog in or sign up

Submit a site →

Fabric — screenshot of the how it works section of a minimal, elegant productivity site in white and black

How it works section / Fabric

LikeView live →

Built with Framer

Framer is a design-first website builder for creating and publishing fast, responsive sites with CMS, SEO, and analytics included. Design freely on a familiar canvas and ship without code, with hosting and AI-assisted workflows.

Try Framer now →

Section: How it works ·
Site: Fabric ·
Type: Landing ·
Category: Productivity ·
Colours
Font: GT Alpina · Inter ·

Get the best sites in your inbox every week

Email address

More how it works sections

Parloa — screenshot of the how it works section

How it works/Parloa

Like

Sui Overflow 2025 — screenshot of the how it works section

How it works/Sui Overflow 2025

Like

Clarion — screenshot of the how it works section

How it works/Clarion

Like

Bland AI — screenshot of the how it works section

How it works/Bland AI

Like

Hobbes — screenshot of the how it works section

How it works/Hobbes

Like

Thayon — screenshot of the how it works section

How it works/Thayon

Like

LocalCan — screenshot of the how it works section

How it works/LocalCan

Like

Digital Metal — screenshot of the how it works section

How it works/Digital Metal

Like

Basewell — screenshot of the how it works section

How it works/Basewell

Like

CURA Climate — screenshot of the how it works section

How it works/CURA Climate

Like

LocalCan — screenshot of the how it works section

How it works/LocalCan

Like

Cal.com — screenshot of the how it works section

How it works/Cal.com

Like

Pixelier Mache — screenshot of the how it works section

How it works/Pixelier Mache

Like

Gumloop — screenshot of the how it works section

How it works/Gumloop

Like

Flank — screenshot of the how it works section

How it works/Flank

Like

Fernand — screenshot of the how it works section

How it works/Fernand

Like

Vite+ — screenshot of the how it works section

How it works/Vite+

Like

Framer — screenshot of the how it works section

How it works/Framer

Like

Workers Platform — screenshot of the how it works section

How it works/Workers Platform

Like

VisionAI — screenshot of the how it works section

How it works/VisionAI

Like

LocalCan — screenshot of the how it works section

How it works/LocalCan

Like

Reducto — screenshot of the how it works section

How it works/Reducto

Like

Framer — screenshot of the how it works section

How it works/Framer

Like

The Salad Project — screenshot of the how it works section

How it works/The Salad Project

Like

All websites All templates Sections Profiles Fonts Collections Community boards Font pairings Blog MCP server Chrome extension About Pricing Submit a site

Agency241 Blog20 Directory18 Landing739 One page63 Portfolio215 Shop82 Template88 Waitlist41

Design483 AI233 Software228 Development157 Marketing108 Technology108 Productivity96 Business87 Finance82 Health47 Data40 Web3 & crypto37

Animated431 Sans-serif403 Minimal378 Big type320 Scroll animation290 Video285 Photography281 Typographic270 Serif251 Dark207 Pattern198 Gradients174

Astro37 Cargo6 Control9 Framer288 Gatsby8 Next.js322 Nuxt36 Readymag14 Remix1 Semplice2 Shopify43 Squarespace5

White789 Black582 Light grey294 Blue197 Orange189 Light green165 Beige159 Light blue145 Yellow123 Grey107 Purple105 Dark grey105

Changelog Sponsor Official information Privacy policy Terms of service Colophon Copy this site Made by Bryn Framer templates Webflow templates Freelance things Good Garms