Stroke - Bold Calligrapher Landing Page Template

Quick summary

Stroke is a single-page calligrapher portfolio template built on a bento grid layout. It uses a dark, ink-drenched visual identity to present letterforms, process work, and client testimonials as a curated gallery walk. A sticky commission bar and a focused lead-capture modal keep every visitor moving toward contact.

Who this template is for

This template is designed for calligraphers who work at a professional, commissioned level. It speaks directly to practitioners whose clients expect craft, precision, and an aesthetic that matches the work itself.

• Hand-lettering artists and pointed-pen calligraphers serving luxury brand clients
• Calligraphers commissioned for editorial title pages, logotypes, and event invitation suites
• Independent studio owners who want a portfolio that closes inquiries without a sales call

What problem this template solves

Most portfolio templates are built for photographers or developers. They offer light backgrounds, grid symmetry, and generic contact forms that feel nothing like the atmosphere of a calligraphy practice. Stroke solves the alignment gap between the work and the space that presents it.

• Visitors land in a visual environment that immediately communicates the weight and intention of the craft
• The structured commission flow removes friction for clients who already know they want the work
• The secondary rate sheet download captures warm leads who are not ready to commit on the first visit

What you get with this template

Stroke delivers a fully designed, single-page layout built around the specific rhythm of a calligrapher's portfolio. Every section has a defined visual role, and the two-path lead generation system is already wired into the page structure.

• A collage-style header with overlapping calligraphic fragments, rotated angles, and a tracked wide all-caps headline
• A bento grid body that shifts density from a single large showcase cell through process close-ups to a handwritten testimonial cell
• A sticky bottom bar with a "Commission a Piece" call to action and a "Download the Rate Sheet" secondary path

Feature list

A paragraph introducing the feature set: every capability in Stroke is drawn directly from the design brief and built to serve one type of professional.

Bento Grid Layout with Variable Density

The grid opens with one massive cell showing a single word at scale, fractures into six smaller process cells, then collapses into a wide testimonial band. This rhythm of tension and release keeps visitors scrolling deeper into the practice.

Collage and Scrapbook Header

The header layers overlapping calligraphic fragments at rotated angles with torn paper edges and ink splatter effects. A flourished uppercase letterform sits beside tight italic minuscules, and no piece is shown in full, every crop is intentional.

Sticky Commission Bar

A bottom bar carrying the "Commission a Piece" call to action pins itself to the viewport after the visitor passes the third scroll section. It stays visible without interrupting the gallery experience.

Sequential Lead Capture Modal

The commission button opens a dark modal that walks visitors through three steps in order: project type selection, a free-text description field, and an email address. The sequence is short and deliberate.

Rate Sheet Download Path

A secondary call to action labeled "Download the Rate Sheet" gives visitors a lower-commitment option. It captures contact information from leads who want to explore pricing before committing to a full inquiry.

Handwritten Testimonial Cell

One wide bento cell presents a client testimonial set in the calligrapher's own hand. It breaks the grid's typographic pattern at the right moment and adds direct social proof in the most authentic form possible.

Page sections overview

Design & branding system

The visual identity follows a Bold Brutalist approach built on an Ink and Paper color palette. Every color choice has a specific role, and none of them drift from their assigned function.

• Lamp black (#0B0B0B) covers the dominant ground, cold-pressed cotton white (#E8E4DF) handles type and borders, and sumi ink gray (#3A3A3A) fills card surfaces
• Vermillion red (#C23B22) appears only on hover states and active links, landing with the weight of a fresh wax seal
• The headline typeface is a monospaced grotesque set in all caps with wide tracking; the overall feel is raw, tactile, and unapologetically heavy

Mobile & speed optimization

The bento grid is structured to reflow cleanly across screen sizes, keeping the density shifts readable on smaller viewports without breaking the gallery walk rhythm.

• Variable grid cells adapt their proportions so the tension-and-release scroll pattern holds on mobile screens
• The sticky commission bar remains functional and visible at the bottom of the viewport on all device sizes
• The modal form is designed to be usable on a single screen height, requiring no extra scrolling within the overlay

How this template helps you convert

Stroke is built around two conversion paths that work in parallel. The layout earns attention first, then channels it toward action at the right moment.

1. The sticky commission bar activates after the third scroll section, reaching visitors who have already engaged with the work rather than interrupting them at the top of the page.
2. The sequential modal reduces hesitation by asking only three focused questions, making the inquiry feel like a brief conversation rather than a form to fill out.

Other information about this template

Stroke fits naturally within the broader landscape of dark portfolio templates aimed at creative professionals. A few additional details worth knowing before you build with it.

• The template is categorized under Portfolio and Agency, with a specific focus on calligrapher portfolio use cases
• The dark theme and bento grid style position it well alongside other high-contrast creative portfolios in that niche
• The collage header concept and gallery walk creative direction are paired specifically to serve the calligrapher's need to show both finished work and in-progress process
• The template is designed as a lead generation landing page, not a multi-page site, so all navigation is scroll-based

Show more