Client-First is a set of guidelines and strategies created by Finsweet to help you build Webflow websites.
Defined and flexible core structure we can use on all or most pages.
HTML tags define default Heading styles. Use Heading classes when the typography style doesn't match the default HTML tag.
Text classes when typography style doesn't match the default HTML tag.
Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present on your website.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.
Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.
Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.
text-style-strikethrough
text-style-italic
text-style-muted
text-style-allcaps
text-style-nowrap
text-style-link
Sample text is being used as a placeholder.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text text-style-2lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Manage recurring text and background colors.
Use the max-width CSS property to contain inner content to a maximum width.
Utility spacing system - padding classes. [padding-direction] + [padding-size].
Utility spacing system - padding classes. [margin-direction] + [margin-size].
Unified spacer system for the project.
Unify icons sizes. icon-height sets height of icons. icon-1x1 sets both height and width of icons.
Utility classes we like to use in most of our projects to build faster.
Native Webflow elements with Client-First classes applied.
Example of a form component using Folders
Sample text with a link is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.
Niceshoes is a leading creative studio known for its innovative work in design, production, and post-production. They partner with top brands like Google, Apple, Meta, Netflix, and the NBA to deliver cutting-edge visual content across multiple platforms.
We’re working with their Chief Revenue Officer, Mike Palmer, to help build a comprehensive go-to-market (GTM) strategy with Clay and other sales tech tools, focusing on boosting their outbound sales efforts.
Tearsheet is focused on the finance industry mainly banking, lending, fintech, payments and crypto. They’ve partnered with some of the biggest names in the space like Salesforce, Fiserv, Goldman Sachs, Wells Fargo, Publicis Sapient, Visa, Mastercard and similar big enterprises.
We’re helping them build a complete outbound motion from scratch where we’re helping them target companies that sells products or services banks and financial service firms.
We are currently engaged with their CEO and Founder Aaron Singer and their Co-Founder and Editor in Chief
Hiline helps small businesses with end to end financial management. They are currently working with over 300+ growing small businesses including SaaS startups, Tech companies, Agencies and Non Profits.
We’re working with their Head of Sales - Toby Schumacher and Vice President of Growth - Jesse Boland to help them build a complete GTM strategy focused on outbound sales.
We’re implementing very sophisticated clay playbooks for Hiline, including:
Velocity AI is an early stage B2B SaaS Startup. Velocity is a sales tech tool that acts as a co pilot during sales calls, it beats the usual meetings assistants by guiding the sales reps real time on each call they take, it’s customized to the exact sales strategy and process from their senior sales leadership.
The goal of Velocity AI is to help sales team improve their Win Rates.
We’re currently engaged with their Founder and CEO Azeem Sadiq and helping them with hyper targeted outbound campaigns.
Some of the campaigns we’ve built for Velocity AI includes:
Client: Dan Hunter, a recruitment professional specializing in senior sales positions within the tech sector. Dan has worked with clients like Deloitte, Wipro, SmartShift, CapGemini and many 8 and 9 figure companies. His candidates have generated $500 million in sales over the last 2 decades. His focus is in the edtech, martech and salestech space.
Challenge: Dan faced difficulties in generating interest and engagement within the highly competitive recruitment industry. His traditional outbound methods, including cold emails, were yielding low response rates and failing to convert prospects into qualified leads and clients.
Tool Used: Clay (a comprehensive sales automation and data enrichment platform)
"Clay has been a real game-changer for me. The ability to automate and personalize outreach has opened new doors in a challenging industry. Aamir and his team were incredibly supportive and helped me refine my approach and achieve tangible results. The increase in response rates and booked meetings speaks volumes about the effectiveness of this tool and the expertise behind it. If you can think it, you can do it with Clay. I’ve recommended Aamir to several colleagues because his approach just works." - Dan Hunter
Axle Eight, a digital marketing agency, aimed to increase sales-qualified leads for their content offer. Axle Eight has been featured in Forbes, Entrepreneur, Inc, Business Insider, Bloomberg and some of the biggest publications in the world.
Challenge: They struggled with generating quality leads that convert into sales. They mostly relied on word of mouth, referrals, and didn't really have any outbound or cold acquisition system in place. They haven’t done anything to bring in leads for themselves and this was their first time trying anything new to get more clients themselves.
HoopJumper, a marketing agency, needed to secure high-quality leads for their services.
They struggled to attract and engage valuable prospects.
I am getting calls with multi-billion dollar investment companies for our marketing services” - Brett Miller Founder/Marketing Strategist at HoopJumper
Digitech Austin specializes in SEO services for addiction treatment centers and needed better lead generation methods.
They faced challenges in reaching and converting ideal clients.
Growth Foundry helps local businesses with SEO and needed to improve lead generation from ads and outbound. We worked with Allen Levings who is the Managing Director at Growth Foundry.
They want to generate more leads and improve conversion rates from their advertising efforts. They couldn't close deals from cold or paid traffic - also needed a sales closer and an appointment setter.
Local Business Marketing Solutions, a law firm marketing agency, needed to increase their client base.
They struggled to book sales calls with high-value prospects.
Octio.io, a startup focused on advanced analytics and data solutions, sought advice on improving their lead generation and sales processes.
They faced difficulties in scaling their outreach efforts and converting leads into clients.