Calligrapher Portfolio Booking Website Template

Stroke is a bold, brutalist calligrapher landing page built for lettering artists who work at the intersection of craft and commerce. It opens with a viewport-scale hand-lettered name, then unfolds like a monograph through immersive full-page project sequences. A friction-reducing commission form and a specimen book lead magnet turn every serious visitor into a potential client.

by Rocket studio

Quick summary

Stroke is a single-page calligrapher portfolio template designed to feel like a hardcover monograph you physically turn. It uses a bold brutalist visual language, an ink-and-paper color system, and a storybook scroll structure to showcase lettering work at its most raw. The final section drives leads through a thoughtfully sequenced commission form.

Who this template is for

This template is built for working calligraphers whose output spans high-stakes commercial and personal projects. It speaks directly to artists who treat the page as a craft object, not a brochure.

  • Lettering artists serving boutique agency creative directors who commission custom logotypes
  • Calligraphers who address wedding envelopes, design seating charts, and letter editorial headlines
  • Independent hand-lettering practitioners ready to convert serious visitors into paying clients

What problem this template solves

Most portfolio templates flatten craft into a grid of thumbnails. For a calligrapher, that format destroys the very thing clients are buying: the physical sensation of ink meeting paper. Stroke fixes this by giving each project its own full-page moment.

  • Generic portfolio grids make handmade work feel mass-produced and interchangeable
  • Standard contact forms lead with email fields, creating friction before creative intent is established
  • Weak visual hierarchy fails to communicate the slow, deliberate craft behind every piece

What you get with this template

You get a fully structured one-page calligrapher portfolio that balances visual drama with practical lead generation. Every section is purpose-built from the brief up.

  • A viewport-scale letterpressed header with a vermilion scroll-cue line that bleeds from the baseline
  • Full-bleed immersive project sections that open macro-close and pull back to reveal context as you scroll
  • A two-path lead generation system: a creative commission form and a specimen book PDF download in the footer

Feature list

A brief description of each built-in capability this template delivers.

Viewport-Scale Letterpressed Header

The calligrapher's name fills the screen edge to edge in their own hand, ink-black on unbleached parchment. The letterforms are large enough to reveal paper fiber and ink hairlines. After two seconds, a single thin vermilion line bleeds downward from the baseline as the scroll cue.

Full-Page Immersive Project Sequences

Each project section floods the screen with a macro photograph of the finished piece. As the visitor scrolls, the view pulls back to show context: an envelope held in a hand, a sign above a door, a logotype on a bottle. Brutalist colophon-style type blocks slam project name, medium, and year into the margin.

Hard-Cut Section Transitions

Sections alternate between deep lampblack and raw parchment with no gentle fades. Each transition feels like a page torn rather than turned. The scroll rhythm accelerates from early to late projects, building the impression of prolific and restless output.

Friction-Reducing Commission Form

The final section presents a three-field form on a full-bleed lampblack background. The call to action reads "Commission a Piece" in the calligrapher's own vermilion lettering. The email field stays hidden until the visitor begins typing in the description field, letting creative intent come before contact details.

Specimen Book Lead Magnet

A secondary conversion path sits quietly in the footer. A single line reads "Download the Specimen Book" and captures an email address in exchange for a PDF. This path catches visitors who are not ready to commission but want to stay connected.

Brutalist Colophon Typography System

Project labels use oversized monospaced type for user interface elements like project name, medium, and year. No stock imagery or illustrations appear anywhere. All visual content is hand-lettered work photographed with macro clarity against bare paper stock.

Page sections overview

SectionPurpose
Full-Name HeaderOpens the page with a viewport-scale hand-lettered name on parchment
Project One SequenceFirst full-page macro project reveal with pull-back scroll behavior
Project Two SequenceSecond project sequence continuing the hard-cut alternating rhythm
Project Three SequenceThird project sequence, pace beginning to accelerate
Later Project FlashesRapid-fire later projects that build a sense of restless prolific output
Commission call to action SectionFull-bleed lampblack section with vermilion call to action and three-field form
Footer Lead MagnetSpecimen book PDF download with single email capture field

Design & branding system

The visual identity follows a bold brutalist direction built entirely around an ink-and-paper palette. Every color choice references the physical objects of a calligrapher's worktable at midnight.

  • Core palette: unbleached parchment (#F2E8D5), lampblack ink (#0D0D0D), iron-gall brown (#3B2716), and vermilion red (#C23B22) reserved for hover states and the call to action
  • Typography uses oversized monospaced fonts for user interface labels; all primary visual content is actual hand-lettered specimen work photographed with brutal macro clarity
  • No stock imagery, no illustrations; backgrounds alternate hard between deep lampblack and raw parchment throughout the scroll

Mobile & speed optimization

The template is structured for a single-column vertical scroll, which translates cleanly to smaller screens without layout restructuring. Full-bleed sections maintain their visual weight on mobile viewports.

  • Full-page sections reflow naturally to the full width of any screen size, preserving the immersive macro photography impact
  • The minimal form structure (three fields, one progressive reveal) keeps the commission experience low-friction on touch devices
  • The footer lead magnet requires only a single email field, making it easy to complete on mobile without keyboard fatigue

How this template helps you convert

The template is designed to move two distinct types of visitors toward action: those ready to commission immediately and those who need more time to decide.

  1. The commission form leads with creative intent ("Describe what the words should feel like") before asking for contact details, which lowers the psychological barrier to starting a conversation.
  2. The specimen book download in the footer gives hesitant visitors a low-commitment way to stay connected, extending the relationship beyond a single page visit.

Other information about this template

This template suits calligraphers who want their online presence to feel as considered as their physical work. A few additional details worth knowing before you build with it.

  • The template is categorized under Portfolio and Agency, specifically within the Calligrapher Portfolio subcategory
  • The project dropdown on the commission form includes four preset options: logotype, event, editorial, and personal
  • The storybook and full-page scroll structure is intentional and distinct from grid-based or masonry portfolio layouts
  • The vermilion accent (#C23B22) is used exclusively for hover states and the call-to-action element, keeping the rest of the palette restrained and craft-focused
Calligrapher Portfolio Booking Website Template
Calligrapher Portfolio Booking Website Template
Calligrapher Portfolio Booking Website Template
Calligrapher Portfolio Booking Website Template

Theme

Bold Brutalist

Creative direction

Immersive Visual

Color system

Ink & Paper

Style

Storybook/Full-Page

Direction

Lead Generation

Page Sections

Viewport-scale Letterpressed Header

Full-page Immersive Project Sections

Hard-cut Alternating Section Transitions

Progressive Commission Form

Specimen Book Lead Magnet Footer

Brutalist Monospaced User Interface Typography

Related questions

Can I replace the hand-lettered header with my own name in my own lettering?

How does the progressive email reveal on the commission form work?

Is this template suitable for calligraphers who also do digital lettering?

What is the specimen book lead magnet in the footer?

Can I add more project sections to the storybook scroll?