Westport is a Framer template for consulting and advisory firms whose clients read carefully before they book a call: strategy and operations consultants, financial advisors, leadership coaches and small partnerships. Every section sits in its own white panel on a pale surface, with deep green ink, small mono labels and one lime button, and the main pages all end with the same action: a free first call.
A home page that leads to one call
The home page opens with two framed panels. One holds the headline, a short line on who the firm helps, a lime Book a free call button and a row of avatars with “140+ companies advised since 2009”; the other holds a large photo.
Four service cards follow, each with a photo, an icon and a one-line summary, and each opens its own service page. By the numbers sets four stat cards next to a column that stays in place as you scroll. How we work shows three steps from discovery to delivery, and hovering a step opens it. Recent work lays out four case studies in two columns: photos zoom in a little on hover, and a View cursor follows the pointer.
Client quotes come next in a slider with arrows, each with a portrait, a client logo, a name and a role, then client logos, an FAQ that opens on click and a Let’s talk panel. The header carries the logo, five links and a Contact us button, and folds into a menu on phones. The footer holds the phone, the office address and links to every page.
- About: a full-width team photo with the headline over it, an approach statement with four partner portraits, the four numbers, three values on a dark green panel, and a grid of eight people with names and roles.
- Services: the four service cards, three pricing packages (Audit, Strategy and Retainer) with a price, a term and what each includes, the process steps and the FAQ.
- Contact: a native Framer booking form with name, work email, company, team size, a “what do you need help with” select and a message, next to the firm’s email, phone and office.
- Privacy, Terms and Imprint: full sample documents for a small advisory firm, ready for your own legal details.
- 404: “This page took a wrong turn”, with links back home and to book a call.
Case studies and service pages
The Case Studies page lists six projects with a cover photo, the client name and the service behind each one. A case study page opens with a headline, the client, industry, service and duration, and three result numbers such as revenue growth or a shorter wait. Then come the challenge, what the firm did, a client quote and a More work section.
Each service page has the service name and summary with a Book a free call button, an overview, how long the work takes, a list of what is included, the outcome, and recent case studies.
Easy to make your own
Services and case studies each live in a CMS collection. A service holds its title, summary, image, intro, duration, outcome, what is included, and an icon with a hover version. A case study holds its headline, industry, duration, cover, challenge, approach, three results, the client quote with the person’s name, role and photo, and its service. Add an item and it gets its own page in the same layout.
A Styleguide page shows every color token, text style, button and component in one place. Headings come in letter by letter or line by line as they scroll into view. Westport also includes two Framer Skills for Framer AI: /customize walks you through your name, contact details, the form, the CMS and SEO, and /design-system keeps new sections consistent with the rest of the site.
What’s included
- 12 pages: Home, About, Services, Service, Case Studies, Case Study, Contact, Privacy, Terms, Imprint, Styleguide and 404
- Two Framer Skills:
/customize and /design-system
- A framed bento layout with white panels, deep green ink and a lime accent
- Four service cards that open their own service pages
- Three pricing packages with prices, terms and what each one includes
- Four stat cards, three process steps that open on hover, and an FAQ
- Case study pages with result numbers, the challenge, the approach and a client quote
- A View cursor and a light zoom on case study photos
- A testimonial slider with portraits and client logos
- An About page with values and an eight-person team grid
- A booking form with team size and service selects
- Privacy, Terms and Imprint pages with sample text
- Two CMS collections: Services with four samples and Case Studies with six
- Responsive layouts for desktop, tablet and phone
- SEO ready, with titles, descriptions and social images on every page
Set in Geist, with Fragment Mono for the small labels. Open /customize in Framer AI, follow the steps, then publish.
