Writing & Content Portfolio Booking Website Template

Quick summary

Ink is a single-page, horizontal scroll portfolio for independent copywriters. It opens with a Before/After Slider that physically shows the transformation from flat committee copy to sharp editorial prose. Each scrollable panel is a case study chapter. The design uses deep manuscript black, warm parchment, and iridescent violet-to-chrome accents. The sole conversion goal is a Calendly booking click.

Who this template is for

This template is built for freelance copywriters who work alone and need a portfolio that sells without a sales call. It speaks directly to wordsmiths who believe the page itself should be proof of what they can do.

• Solo copywriters serving startup founders, creative directors, and direct-to-consumer brands
• Freelancers who want a portfolio that demonstrates craft rather than just listing services
• Copywriting professionals ready to replace a generic portfolio with something that earns the booking

What problem this template solves

Most copywriter portfolios look like a resume with links. They list credentials but never demonstrate the actual thinking behind a brief. Visitors leave without conviction. This template solves that by making the portfolio experience feel like reading the work itself.

• The Before/After Slider removes the need to explain quality; visitors see and feel the difference immediately
• Horizontal manifesto panels build escalating proof, moving from tagline work through full brand voice systems
• A persistent, always-visible call to action removes friction at the exact moment conviction peaks

What you get with this template

You get a fully structured horizontal scroll landing page with every section already designed, written in direction, and wired for a single conversion path. No forms to configure. No backend to manage. Just replace the copy and case study content, then connect your booking link.

• A Before/After Slider header, manifesto scroll panels, between-panel conviction statements, and a pinned call-to-action bar
• An iridescent Ink and Paper visual identity with four defined brand colors and gradient rules already applied
• A click-through conversion flow that sends every ready visitor directly to a Calendly scheduling page

Feature list

This section details the core built-in features of the Ink template as defined by its design brief.

Before/After Slider Header

The header splits the viewport into two halves. The left shows bland, committee-written copy in a generic sans-serif on sterile white. The right shows the same brief rewritten in sharp editorial prose on warm parchment with ink splatter margin details. Visitors drag the divider and watch mediocre language dissolve in real time.

Horizontal Scroll Manifesto Layout

The page reads left to right like a broadsheet, not top to bottom like a brochure. Each horizontal panel is a case study structured as a chapter: the brief, the thinking, the final words, and the result. Stakes escalate across panels, from tagline work through complete brand voice systems.

Between-Panel Conviction Statements

Single-sentence beliefs appear in oversized iridescent type between case study panels. These statements build a creative philosophy that resonates with the right clients and creates urgency for everyone else. The opening belief sets the tone: "Every brand has a voice. Most just haven't shut up long enough to hear it."

Pinned Call-to-Action Bar

A "Let's Write Something" button is fixed to the bottom edge of the viewport at all times. It glows in the violet-to-chrome gradient and remains visible regardless of scroll position. There is no form on the page; the click routes directly to a scheduling page.

Per-Panel Case Study Links

Each case study panel carries a secondary "Read the Full Case Study" link for visitors still building conviction. This gives undecided visitors a second path without pulling them away from the primary booking flow.

AI Iridescent Color and Hover System

Interactive elements and section dividers use a holographic violet-to-liquid-chrome gradient that shimmers on hover states and transitions. Parchment dominates backgrounds, manuscript black carries all body text, and the gradient rewards movement rather than overpowering the reading experience.

Page sections overview

Design & branding system

The visual identity is built on four defined colors that work together to create what the brief describes as an analog soul with a digital nervous system. Every color has an assigned role so the palette never feels arbitrary.

• Deep manuscript black (#1A1A2E) carries all body text; warm parchment (#F0E6D3) dominates all backgrounds
• Holographic violet (#9D4EDD) and liquid chrome (#C0C0F0) appear only on interactive elements, section dividers, and the pinned call-to-action gradient
• Typography pairs a generic sans-serif for the "before" state with an editorial serif for the "after" state, reinforcing the transformation at the typographic level

Mobile & speed optimization

The horizontal scroll layout is designed as a deliberate reading experience. Adapting it for smaller screens requires some layout consideration, but the template is structured to support that transition cleanly.

• The iridescent hover states and shimmer transitions are applied only to interactive elements, keeping visual effects purposeful rather than heavy
• The pinned call-to-action bar remains visible and functional at every viewport size, so the booking path is never buried

How this template helps you convert

Every design and copy decision in this template serves the single goal of moving a hesitant visitor to a confident booking click. The conversion logic is layered and intentional.

1. The Before/After Slider creates an immediate, visceral proof of quality before the visitor reads a single line of sales copy, establishing trust in seconds
2. Escalating case study panels and conviction statements build a cumulative argument that makes hiring feel like the only logical next step by the final panel
3. The persistent pinned call to action captures intent at peak conviction without making visitors scroll back to find a button or fill out a form

Other information about this template

This template sits within the Portfolio and Agency category, specifically the Writing and Content Portfolio subcategory. It is designed for the copywriter portfolio niche and carries an intersection match score of 13 across those three classification layers.

• The creative direction is Manifesto-style, making it distinct from typical grid or timeline portfolio layouts
• The template style is Horizontal Scroll, which is uncommon in portfolio design and creates a memorable reading experience
• The landing page direction is Click-Through, meaning the page itself carries no form; conversion happens entirely off-page via a scheduling tool
• The header concept is a Before/After Slider, one of the most direct ways a copywriter can demonstrate value without relying on client testimonials alone
• The color system is classified as AI Iridescent, using gradient transitions on hover to reward interaction and add depth without overwhelming the editorial tone

Show more