Client-First
Client-First is a class naming and structure system for Webflow, published by Finsweet. It sets conventions for utility classes, spacing and folder organisation so a project stays readable by anyone who opens it.
Why our team uses Client-First
Client-First is the reason a site we hand over is still easy to edit two years later.
- 01
One naming convention
Every class follows the same pattern, so a developer joining the project mid-way reads the structure instead of reverse-engineering it.
- 02
Reusable spacing system
Padding and margin come from a fixed utility set. Sections stay aligned across pages without a new class for each adjustment.
- 03
Fewer styles, lighter pages
Utilities are reused rather than duplicated, which keeps the stylesheet from growing with every page added to the site.
- 04
Handover without lock-in
Because the structure is documented and public, another agency or an in-house developer can pick up the project without us.
- 05
Faster new pages
A new landing page is assembled from existing components and utilities, which shortens production instead of restarting from a blank canvas.
- 06
Consistent responsive rules
Breakpoint behaviour follows the system's conventions, so a fix applied on one page does not quietly break the layout of another.
What sets us apart.
Freelancers bring talent but no system. Other agencies bring process but no vision. TechFlow brings both, with a dedicated team and full accountability, from brief to launch.
| Criterion |  | Other agencies | Freelancers |
|---|---|---|---|
| Dedicated team | Yes | Yes | No |
| Strategic guidance | Yes | Yes | No |
| Design and engineering | Yes | Yes | Yes |
| Commitment to results | Yes | No | No |
Toolbox
And the rest of the stack.
Figma
It is where every great digital product begins. The top cloud-based platform where teams collaborate in real time, build design systems, and prototype products.
Discover→
Tally
Tally is a form builder that works like a text document: forms are written rather than configured. It supports conditional logic, file uploads and payment steps.
Discover→
Fillout
Fillout is a form and workflow builder with conditional routing, calculations, scheduling and payment steps. It covers the cases where a form is a step in a process rather than a single submission.
Discover→
Shopify
Shopify is a hosted e-commerce platform covering catalogue, checkout, payments, taxes and shipping. It handles the parts of selling online that are risky to rebuild: payment security and checkout reliability.
Discover→
Bubble
Bubble is a no-code platform for building web applications with their own database, user accounts and business logic. It covers what a site builder cannot: authentication, records, and workflows that run on data.
Discover→
Drupal
Drupal is an open-source CMS built for structured content, granular permissions and multilingual publishing. It runs on your own hosting and is extended through modules and custom code.
Discover→
Webflow
Webflow is a visual development platform that produces production HTML, CSS and JavaScript. It combines the design canvas, the CMS and hosting in one place, so a site moves from mockup to live without a separate build phase.
Discover→
Wise
Wise holds and converts money across currencies at the mid-market rate, with local account details in several regions. It covers cross-border payment for a business operating between two continents.
Discover→