/ Fri3nds component library

Components

Every component on this site in one catalogue, grouped by family with its variants together. Each family shows its instances on the light ground and, where the component reads differently, inside a u-bg-dark band. Every specimen is a real instance of the component definition; nothing here is hand-built markup. Layout wrappers around the instances are page level utilities, exactly as a real page would use them.

01 / nav header

Fri3nds / Nav header

Props: Logo, Logo alt, Logo link, Link 1 to 5 label, Link 1 to 5 URL, Show link 1 to 5, CTA label, CTA link. Variant: Static (used here so the bar sits in flow; Base is the fixed pill). Carries its own dark mode.

02 / work filter bar

Fri3nds / Work Filter Bar

Props: filter one to five label and link, show filter four, show filter five, grid view label and link, list view label and link, show view toggle.

03 / contact progress bar

Fri3nds / Contact Progress Bar

Props: step one to three number and label. The fill advance is script driven on the contact page.

01/03

Scope

02/03

Capacity

03/03

Timing

01/03

Scope

02/03

Capacity

03/03

Timing

04 / table of contents item

Fri3nds / Table of Contents Item

Props: Label, Link. Variant: is-active marks the current section.

05 / hero

Fri3nds / Hero

Props: Eyebrow, Headline line 1, Headline line 2, Standfirst, Scroll cue, Show scroll cue, Media image, Media image alt.

/ Webflow team on subscription

Your Webflow team,
on subscription

Landing pages, campaigns and site fixes shipped weekly by a senior Webflow team embedded with yours.
Scroll Down
Illustration of the Fri3nds team building a web page together
/ Webflow team on subscription

Your Webflow team,
on subscription

Landing pages, campaigns and site fixes shipped weekly by a senior Webflow team embedded with yours.
Scroll Down
Illustration of the Fri3nds team building a web page together
/ Webflow team on subscription

Your Webflow team,
on subscription

Landing pages, campaigns and site fixes shipped weekly by a senior Webflow team embedded with yours.
Scroll Down
Illustration of the Fri3nds team building a web page together

Fri3nds Compact — text-only Hero, H1 and supporting copy

01 / About Fri3nds

Meet your
Webflow team.

Design, development, and ongoing support from the people you'll work with directly.
06 / project detail hero

Fri3nds / Project Detail Hero

Props: eyebrow, project name, description, live site label and link, cover, cover alt text, services heading, service one to three, client label and name, year label and year.

/ Project

Scribe

A rebrand shipped across 20 pages on one shared component system.

Scribe case study cover

Client

Scribe

Year

2026

Services

Webflow

Design

Subscription

/ Project

HiGlobe

Site, CMS and campaign pages for a payments platform opening new markets.

HiGlobe homepage in Webflow

Client

HiGlobe

Year

2026

Services

Webflow

CMS

Campaign pages

07 / not found block

Fri3nds / Not Found Block

Props: Eyebrow, heading, description, call to action label and link, show call to action, media, media alt text.

/ 404

Page Not Found

The page you are looking for has moved or no longer exists. Head back to the work or start a project with us.

Back to home
Illustration of the direction cursor setting a roadmap

/ 404

Page Not Found

The page you are looking for has moved or no longer exists.

Projects
Illustration of the direction cursor setting a roadmap
08 / showreel trigger

Fri3nds / Showreel trigger

Props: Label, Show label, Play glyph, Link. Own dark mode.

09 / showreel section

Fri3nds / Showreel section

Props: Poster image, Poster image alt. Desktop only on the homepage. Own dark mode.

Stills from the Fri3nds reel: client sites stacked one above the next
Stills from the Fri3nds reel: client sites stacked one above the next
10 / section header

Fri3nds / Section header

Props: Headline, Eyebrow, Copy, Show copy, Button label, Button link, Show button. Variants: Base (h1), Heading (h2), Reverse, Statement.

Featured Projects

03 / Selected work

Selected work from the last twelve months, across branding, website and graphic design.

View More

Featured Projects

03 / Selected work

Selected work from the last twelve months, across branding, website and graphic design.

View More

Featured Projects

03 / Selected work

Selected work from the last twelve months, across branding, website and graphic design.

View More

Featured Projects

03 / Selected work

Selected work from the last twelve months, across branding, website and graphic design.

View More

Featured Projects

03 / Selected work

Selected work from the last twelve months, across branding, website and graphic design.

View More
11 / about band

Fri3nds / About band

Props: Statement, Eyebrow, Copy, Button label, Button link, Show button, Media image, Media image alt.

Fri3nds is the Webflow and AI automation team that keeps your site moving. We design, build and improve every month, so your website works as hard as your business does.
02 / What we do

A senior Webflow team embedded with yours: design, development and ongoing site work on one monthly subscription.

About Us
Illustration of the design cursor shaping a web page
Fri3nds is the Webflow and AI automation team that keeps your site moving. We design, build and improve every month, so your website works as hard as your business does.
02 / What we do

A senior Webflow team embedded with yours: design, development and ongoing site work on one monthly subscription.

About Us
Illustration of the design cursor shaping a web page
12 / manifesto block

Fri3nds / Manifesto Block

Props: eyebrow, statement, second statement, show second statement, media, media alt text.

03 / Manifesto

Most marketing teams already know what the site needs next. The hard part is getting it shipped without a new SOW for every change. A senior Webflow team on subscription closes that gap.

That's why Fri3nds exists: one team, lasting context, and a backlog that keeps moving.

Illustration of marketing work flowing into one shipped page

03 / Manifesto

Your site should move as fast as your marketing.

That's why Fri3nds exists.

Illustration of an agency handing work to the Fri3nds team
13 / project card

Fri3nds / Project card

Props: Cover image, Cover image alt, Title, Subline, Show subline, Link, Service 1 to 3, Show service 1 to 3. Holds three nested Chip instances.

14 / project card row

Fri3nds / Project card row

Props: none. A two column grid that holds project cards through its slot. The dark instance is deliberately empty.

15 / zone card

Fri3nds / Zone Card

Props: image, image alt text, name.

Illustration of one page across desktop, tablet and mobile

Zone name

Illustration of a safe rollback to a previous version

Zone name

16 / case study slide

Fri3nds / Case Study Slide

Props: statement, show statement, media, media alt text, show media. A text slide shows the statement, an image slide the media.

A statement slide.

A statement slide.

17 / article card

Fri3nds / Article Card

Props: Cover image, Cover image alt text, Show cover image, Category, Show category, Title, Excerpt, Show excerpt, Author, Date, Read time, Link. Variant: is-horizontal (second row).

18 / author block

Fri3nds / Author Block

Props: Headshot, Headshot alt text, Show headshot, Name, Role, Bio, Link label, Link, Show link.

Marcelo Russo
Founder, Fri3nds

Runs the Webflow subscription programs and sits in every working session.

More from Marcelo
19 / related post item

Fri3nds / Related Post Item

Props: Title, Date, Link.

20 / newsletter signup

Fri3nds / Newsletter Signup

Props: Heading, Body, Email field label, Submit label, Fine print, Success message, Error message. Native Webflow form, visible label.

21 / video block

Fri3nds / Video Block

Props: Poster image, Poster image alt text, Show poster image, Caption, Show caption, Link label, Link. An embed source cannot be a prop.

Loom walkthrough, 2 minutes
Watch the walkthrough
22 / expertise item

Fri3nds / Expertise item

Props: Heading, Body, Show body, Toggle symbol, Media image, Media image alt, Show media, Video URL.

Strategy

Research, positioning and roadmaps that help you navigate with confidence.

Strategy

Research, positioning and roadmaps that help you navigate with confidence.

Home recipe — Fri3nds / Expertise Accordion Item

Props: Variant, Question, Answer, Toggle icon, Toggle icon alt text, Show answer, Accordion mode. Duplicated from Fri3nds / Accordion Item with the click-only modifier removed from its root, so hover opens and the group auto-advances. Used only by Home's four expertise rows; the specimen above is the FAQ's click-only Fri3nds / Accordion Item, not this one.

Strategy

Research, positioning and roadmaps that help you navigate with confidence.

Strategy

Research, positioning and roadmaps that help you navigate with confidence.

23 / service panel

Fri3nds / Service Panel

Props: eyebrow, title, sub label, description, line one to five number and label, media one to three and alt text, timeline label and value, investment label and value, call to action label and link.

01 / Webflow

Webflow development & systems

Structured, fast, lasting

Sites your team can edit: structured, fast, and built to last.

01

Webflow builds

02

CMS architecture

03

Component systems

04

Class hygiene / cleanup

05

Editor training

Timeline

Hours renew monthly

Investment

Monthly subscription

02 / Design

UX/UI & web design

Conversion-minded pages

Conversion-minded pages and systems that feel like your brand, not a template farm.

01

Page & flow design

02

Design system upkeep

03

Landing systems

04

Responsive QA

05

Custom animations

Timeline

Hours renew monthly

Investment

Monthly subscription

03 / Integrations

Integrations & custom surfaces

Connect your stack

Connect Webflow to the stack you already run: memberships, automations, portals.

01

Custom integrations

02

Membership portals

03

Calculators & tools

04

Workflow automation

05

Interactive maps

Timeline

Hours renew monthly

Investment

Monthly subscription

04 / Growth support

Landing CRO & tracking

Pages that need to convert

Support around the pages that need to convert, not a full paid-media agency pitch.

01

Tracking setup

02

Landing page CRO

03

Campaign pages in Webflow

04

SEO-ready page systems

05

Performance

Timeline

Monthly engagements

Investment

Monthly subscription

05 / Creative

Campaign & collateral craft

Extras that keep launches on-brand

The extras that keep launches on-brand, when the subscription calls for them.

01

Campaign assets

02

Decks

03

Social graphics

04

Lead magnets

Timeline

Hours renew monthly

Investment

Monthly subscription

01 / Webflow

Webflow development & systems

Structured, fast, lasting

Sites your team can edit: structured, fast, and built to last.

01

Webflow builds

02

CMS architecture

03

Component systems

04

Class hygiene / cleanup

05

Editor training

Timeline

Hours renew monthly

Investment

Monthly subscription

01 / Webflow

Webflow development & systems

Structured, fast, lasting

Sites your team can edit: structured, fast, and built to last.

01

Webflow builds

02

CMS architecture

03

Component systems

04

Class hygiene / cleanup

05

Editor training

Timeline

Hours renew monthly

Investment

Monthly subscription

24 / process step

Fri3nds / Process Step

Props: title, description, phase heading, point one to three, media, media alt text.

Illustration of the direction cursor setting a roadmap with milestones on a web page

Align

Goals, access, design-system rules, first priorities.

In this phase

Goals & access

Design-system rules

First priorities

Illustration of the PM cursor working through a shared task checklist on a web page

Backlog

One shared board; you own direction, we own shipping.

In this phase

Shared board

You own direction

We own shipping

25 / why choose us card

Fri3nds / Why Choose Us Card

Props: title, description, points heading, point one to three, letter. Variants: Green (base), Pink, Blue, Yellow.

/ Clarity-first Design

We make every decision easier to understand and easier to use.

How we implement this

Strategy before visuals

Simple messaging

Purposeful systems

A

/ Clarity-first Design

We make every decision easier to understand and easier to use.

How we implement this

Strategy before visuals

Simple messaging

Purposeful systems

A

/ Clarity-first Design

We make every decision easier to understand and easier to use.

How we implement this

Strategy before visuals

Simple messaging

Purposeful systems

A

/ Strategy before Execution

We do not start with decoration. We start with the business challenge.

How we implement this

Discovery workshops

Market review

Defined objectives

B
26 / faq item

Fri3nds / FAQ Item

Props: question, answer, toggle icon, toggle icon alt text, show answer.

What is your pricing structure?

Pricing depends on scope, timeline and deliverables.

What is your pricing structure?

Pricing depends on scope, timeline and deliverables.

27 / values item

Fri3nds / Values Item

Props: title, description.

Clarity

We say what matters, remove what doesn't, and make the next move clear.

Momentum

We create work that helps brands move forward with focus and confidence.

28 / filter card

Fri3nds / Filter Card

Props: title, list heading, item one to five, show list, show item four, show item five, call to action label and link. Variants: Unselected (base), Selected (forces the Dark mode on itself).

Webflow development

What's included:

Webflow builds

CMS architecture

Component systems

Platform migrations

CMS and editor training

Select Service

Website

What's included:

Website strategy

UX and UI design

Responsive development

CMS implementation

Launch support

Select Service
29 / team card

Fri3nds / Team Card

Props: name, role, portrait, portrait alt text, hover portrait, hover portrait alt text, show hover portrait. Variants: Blue (base), Pink, Orange.

Sample portrait slot

Team member

Role title

Sample portrait slot

Team member

Role title

Sample portrait slot

Team member

Role title

30 / client item

Fri3nds / Client Item

Props: client name, service one to three, show service two, show service three.

Scribe

Webflow

Design

Subscription

HiGlobe

Webflow

CMS

31 / logo strip

Fri3nds / Logo strip

Props: Logo 1 to 7, Logo 1 to 7 alt, Show logo 1 to 7.

32 / stat

Fri3nds / Stat

Props: Label, Value. One row of the impact stats. Values are zero padded to three digits.

Active collaborations:
005
Active collaborations:
005
33 / principle card

Fri3nds / Principle card

Props: Number, Caption line 1, Caption line 2, Image, Image alt. Variants: Yellow (base), Green, Red, Blue, Pink.

01
Ship, Don't
Quote
Illustration of the Fri3nds team shipping a page together
01
Ship, Don't
Quote
Illustration of the Fri3nds team shipping a page together
01
Ship, Don't
Quote
Illustration of the Fri3nds team shipping a page together
01
Ship, Don't
Quote
Illustration of the Fri3nds team shipping a page together
02
Same Team,
Lasting Context
Illustration of the PM cursor keeping a shared checklist
34 / testimonial

Fri3nds / Testimonial

Props: Quote, Name, Role, Media image, Media image alt, Previous link, Next link, Show navigation.

Stills from the Fri3nds reel: client sites stacked one above the next
“A short sample quote sits here. Swap in a real, permissioned client quote before this component ships on a page.”
Client name
Role, Company
Placeholder image
“A short sample quote sits here. Swap in a real, permissioned client quote before this component ships on a page.”
Client name
Role, Company
35 / metric block

Fri3nds / Metric Block

Props: Client logo, Client logo alt text, Show client logo, Value, Label, Outcome, Link label, Link, Show link. Variant: is-compact. Client marks are white SVGs and only show inside the dark band.

20
Pages shipped

A full rebrand rolled out across twenty pages on one shared component system.

Read the Scribe story
50
Components in the system

One shared component library the client's own team publishes into without a developer.

See the component system
50
Hours a month

Where most teams land: landing pages, components and weekly delivery inside one block of hours.

Compare the programs
20
Pages shipped

A full rebrand rolled out across twenty pages on one shared component system.

Read the Scribe story
50
Components in the system

One shared component library the client's own team publishes into without a developer.

See the component system
50
Hours a month

Where most teams land: landing pages, components and weekly delivery inside one block of hours.

Compare the programs
36 / testimonial card

Fri3nds / Testimonial Card

Props: Quote, Author name, Author role, Company, Company logo, Company logo alt text, Show company logo, Headshot, Headshot alt text, Show headshot, Link label, Link, Show link. Variant: is-featured (dark band).

You're consistently fast and responsive, and it mattered most during our product announcement.
Read the Scribe story
Marce, Esteban, and the crew at Fri3nds have been an incredible Webflow partner to us since day 1.
Read the ThreeSixtyEight story
Working with Fri3nds has made everything easier on our team here at The Futur.
Read The Futur story
You are consistently fast and responsive, and it mattered most during our product announcement.
Read the Scribe story
37 / partner badge

Fri3nds / Partner Badge

Props: Label, Icon, Icon alt text, Show icon, Link.

38 / integration tile

Fri3nds / Integration Tile

Props: Label, Logo, Logo alt text, Show logo, Link. Text only on light; the white tool marks show inside the dark band.

39 / case study card

Fri3nds / Case Study Card

Props: Cover image, Cover image alt text, Show cover image, Client logo, Client logo alt text, Show client logo, Client name, Tag 1 to 3, Show tag 1 to 3, Title, Outcome, Quote, Quote author, Show quote, Metric 1 and 2 value, label and Show, Link label, Link. Variants: is-featured, is-dark, is-reversed. Stacked in casestudy-showcase.

Scribe
Rebrand
Design system
Webflow

A rebrand, shipped as a system.

Twenty pages on a shared component system.
20
Pages shipped
50
Components in the system
See the Scribe rebrand
TSE
CMS migration
Security headers

A CMS migration with the header markup preserved.

Every page's container element updated with security headers configured to a B grade.
bsport
Feature pages
Studio pages
Monthly plan

Feature and studio pages.

Delivered inside the monthly plan.
CETI
Campaign site
Webflow

Listen to the Whales.

A campaign site.
HiGlobe
Site
Campaign
Ongoing

Ongoing site and campaign work.

Delivered continuously inside the subscription.
The Futur
Content
Resource library
Webflow

A content and resource library.

Built to publish into without a developer.
Scribe
Rebrand
Design system
Webflow

A rebrand, shipped as a system.

Twenty pages on a shared component system.
20
Pages shipped
50
Components in the system
See the Scribe rebrand
Touzet Studio
Migration
CRO

A migration and a CRO pass.

40 / case study metrics slide

Fri3nds / Case Study Metrics Slide

Props: Client logo, Client logo alt text, Show client logo, Client name, Title, Outcome, Show outcome, Metric 1 to 3 value, label and Show, Link. Variant: is-dark. Sits in a casestudy-slider track; the whole card is the link.

CMS-bound recipe — Projects collection, live items only

41 / pricing card

Fri3nds / Pricing Card

Props: 43 across Head, Body, Bullets, Roles and CTA. Variants: Featured (Momentum), Dark. Inside u-bg-dark the base variant is used.

Foundation

Keep the lights on: fixes, CMS updates, small edits.

$1,000
/ month
Hours per month
10
Response time
24h
✓

Fixes and small edits

✓

CMS and content updates

✓

Shared Slack and ticket board

Recommended!

Momentum

Landing pages, components, weekly delivery. Where most teams land.

$3,500
/ month
Hours per month
40
Response time
24h
Everything in Foundation, plus
✓

Landing pages shipped weekly

✓

Reusable component system

✓

Editable CMS collections

✓

QA and delivery walkthroughs

Recommended!

Acceleration

New sections, integrations, a designer in the loop.

$6,500
/ month
Hours per month
80
Response time
12h
Everything in Momentum, plus
✓

Design and development together

✓

HubSpot, Stripe, Zapier and Make integrations

✓

Multi-locale CMS operations

✓

Performance and Core Web Vitals

Recommended!

Launch Mode

Rebuilds, migrations, launches with the full team on call.

$9,500+
/ month
Hours per month
120
Response time
6h
Everything in Acceleration, plus
✓

Rebuilds and platform migrations

✓

Quoted launch-month capacity

✓

Named account manager

✓

Full team through launch week

Recommended!

Momentum

Landing pages, components, weekly delivery. Where most teams land.

$3,500
/ month
Hours per month
40
Response time
24h
Everything in Foundation, plus
✓

Landing pages shipped weekly

✓

Reusable component system

✓

Editable CMS collections

✓

QA and delivery walkthroughs

Recommended!

Foundation

Keep the lights on: fixes, CMS updates, small edits.

$1,000
/ month
Hours per month
10
Response time
24h
✓

Fixes and small edits

✓

CMS and content updates

✓

Shared Slack and ticket board

Recommended!

Momentum

Landing pages, components, weekly delivery. Where most teams land.

$3,500
/ month
Hours per month
40
Response time
24h
Everything in Foundation, plus
✓

Landing pages shipped weekly

✓

Reusable component system

✓

Editable CMS collections

✓

QA and delivery walkthroughs

Recommended!

Acceleration

New sections, integrations, a designer in the loop.

$6,500
/ month
Hours per month
80
Response time
12h
Everything in Momentum, plus
✓

Design and development together

✓

HubSpot, Stripe, Zapier and Make integrations

✓

Multi-locale CMS operations

✓

Performance and Core Web Vitals

Recommended!

Launch Mode

Rebuilds, migrations, launches with the full team on call.

$9,500+
/ month
Hours per month
120
Response time
6h
Everything in Acceleration, plus
✓

Rebuilds and platform migrations

✓

Quoted launch-month capacity

✓

Named account manager

✓

Full team through launch week

Recommended!
42 / pricing comparison table and row

Fri3nds / Pricing Comparison Table and Row

Table props: Column heading, Tier 1 to 4 name. Row props: Feature label, Cell 1 to 4 value, Cell 1 to 4 check. Wrapped in comparison_scroll and comparison_table.

Compare programs
Foundation
Momentum
Acceleration
Launch Mode
Hours per month
10
40
80
120
Response time
24h
24h
12h
6h
Monthly price
$1,000
$3,500
$6,500
$9,500+
Weekly status report in Slack
/
/
/
/
Designer in the loop
–
–
/
/
Named account manager
–
–
–
/
Integrations and migrations
–
–
/
/
Pause a month, cancel at the next cycle
/
/
/
/
43 / inclusion item

Fri3nds / Inclusion Item

Props: Icon, Icon alt text, Show icon, Title, Body. Icon is off by default.

Shared Slack channel

The whole team in one channel, not a ticket queue you shout into.

Request form and ticket board

One place to file work and see where every ticket sits.

Weekly status report

Done, in progress and hours used, posted in your channel every week.

Named account manager

One person who knows the account, not a rotating queue.

Loom walkthroughs on delivery

A short video with the work, so nobody has to decode a changelog.

QA on every ticket

Tested inside the same cycle it was built in, not the next one.

Pause or cancel

Pause one month, cancel at the next cycle. No annual contract.

Client portal

Ticket status without asking anyone, live from the board we work in.

44 / program summary card

Fri3nds / Program Summary Card

Props: Eyebrow, Plan name, Price, Price unit, Summary, Link text, Link.

01 / foundation

Foundation

$1,000
/ month

10 hours a month with a 24h response. Fixes, CMS updates and small edits.

02 / momentum

Momentum

$3,500
/ month

40 hours a month with a 24h response. Landing pages, components, weekly delivery.

03 / acceleration

Acceleration

$6,500
/ month

80 hours a month with a 12h response. New sections, integrations, a designer in the loop.

04 / launch mode

Launch Mode

$9,500+
/ month

120 hours a month with a 6h response. Rebuilds, migrations, the full team on call.

45 / add-on card

Fri3nds / Add-on Card

Props: Chip text, Show chip, Title, Body, CTA text, CTA link. Variant: Outline (right).

Quoted before we start

Rebuild and migration spike

Migrations off WordPress or Squarespace, rebrands and multi-locale CMS run inside the subscription, with a bank of hours for the spike, so the month to month shape never changes.

Added to any program

Extra bank of hours

A launch week that needs more than the plan carries. Buy a block of hours for that month only, quoted before we start, and the monthly price goes back to normal after it.

46 / cta band

Fri3nds / CTA band

Props: Eyebrow, Headline line 1, Headline line 2, Copy, Button label, Button link, Media image, Media image alt, Show media. Own dark mode; on real pages it lives inside the sticky reveal panel.

/ Contact us

Let's get your next page
out this week.

Illustration of the growth cursor reviewing a rising results chart

Some months need more than the block of hours covers. The same team scales up for a launch, a rebrand or a migration, without a new onboarding.

Contact Us
/ Contact us

Let's get your next page
out this week.

Illustration of the growth cursor reviewing a rising results chart

Some months need more than the block of hours covers. The same team scales up for a launch, a rebrand or a migration, without a new onboarding.

Contact Us

Fri3nds Compact — text-only CTA for a concise page ending

/ Let's talk

Let's talk about
your website.

Tell us what you're working on and where you need support. We'll help you find the right next step.

Contact us
47 / other projects band

Fri3nds / Other Projects Band

Props: eyebrow, heading, supporting copy, show supporting copy, button label and link.

/ More work

Other Projects

Two more places where a clearer direction changed what the business could do next.

More Work

/ More work

More Work

Projects
49 / chip

Fri3nds / Chip

Props: Label, Show. The service tag pill used inside the project card.

Branding
Website
Graphic
Website
Graphic
50 / category chip

Fri3nds / Category Chip

Props: Label, Link. Variant: is-active fills with the accent; black on yellow holds in both modes.

51 / section rule

Fri3nds / Section rule

Props: none, structural. The one pixel divider that opens nearly every section; the fill carries the line wipe.

52 / contact form

Fri3nds / Contact Form

Props: name, company, country, email and message labels, consent copy, submit label. Native Webflow form with visible labels.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
53 / accordion item

Fri3nds / Accordion Item

Props: question, answer, toggle icon plus alt text, show answer. Canonical accordion row; Text and Media variants share layout and behavior.

What is your pricing structure?

Pricing depends on scope, timeline and deliverables.

What is your pricing structure?

Pricing depends on scope, timeline and deliverables.

What is your pricing structure?

Pricing depends on scope, timeline and deliverables.

What is your pricing structure?

Pricing depends on scope, timeline and deliverables.

54 / article cover card

Fri3nds / Article Cover Card

Props: Link, Kicker, Issue, Cover line, Mark, Byline, Category, Date, Read time, Excerpt, CTA label, Show meta, Show excerpt, Show CTA. Variant: is-feature (second row). The cover line is the article's own title set as cover art and scales with the plate, so the same component reads as a 3-up cover grid and as a 1-column index row.

55 / case study hero

Fri3nds / Case Study Hero

Props: Eyebrow, Project name, Summary, Cover, Cover alt text, Client label, Client name, Services label, Service one to three with Show service two and three, Year label, Year with Show year, Live site label, Live site link. Text column left, cover right at about sixty percent of the row and top-aligned; below 992 the cover comes first, full width. Show year is off by default so an empty year never renders a bare label.

/ Case study

Scribe

A rebrand shipped across 20 pages on one shared component system.

Client

Scribe

Services

Webflow

,

Design

,

Subscription

Year

2026

Scribe case study cover

/ Case study

HiGlobe

Site, CMS and campaign pages for a payments platform opening new markets.

Client

HiGlobe

Services

Webflow

,

CMS

,

Campaign pages

HiGlobe homepage in Webflow
56 / calendly embed

Fri3nds / Calendly Embed

Props: Eyebrow, Heading, Copy with Show copy, Show heading, Link label, Calendly link. A nested Section header above an inline Calendly calendar. The calendar is injected at runtime from the component's own always-visible link, so with JavaScript off the header and the link render and the empty well collapses. Base variant only; the well is 700px tall, 1100px below 768.

Book a working session

/ Book a call

Pick a time and we will map fit for subscription hours or a focused scope.

Open the calendar in a new tab
55 / masthead

Fri3nds / Masthead

Props: Eyebrow left, Eyebrow right, Title. No variants. The typographic masthead for index pages: an eyebrow row, then the Title prop rendered as the page H1 at masthead size with the asterisk mark. It steps through Size/Masthead, Size/Masthead Desktop, Size/Masthead Tablet, Size/Display and Size/Masthead Mobile by breakpoint. It carries no rules of its own; the next section's Fri3nds / Section rule is the divider. Sits inside a f3-sec f3-hero section; use one per page.

Observations from the work
Webflow / Systems / Strategy

Journal.

Same team. Three ways to use it.

04 / THE FRI3NDS APPROACH

A senior Webflow team on subscription, shaped around how you work.

01 / MARKETING LEAD

Keep campaigns moving.

You set the campaign priorities. We build and check the pages behind them.

YOU OWN

Strategy and messaging

WE TAKE ON

Landing pages, CMS and QA

02 / FOUNDER

Keep building your business.

Bring the priorities. We keep website work moving with one shared backlog.

YOU OWN

Direction and priorities

WE TAKE ON

Site updates and integrations

03 / AGENCY

Add build capacity.

Keep the client relationship. We bring senior Webflow support to the delivery.

YOU OWN

Creative and client direction

WE TAKE ON

Webflow builds and QA