Flourish - Luminous Calligrapher Landing Page Template

Quick summary

Flourish is a single-page calligrapher portfolio template built around a dark-gallery masonry grid, a real-time animated header, and a lead-generation flow that guides visitors from first impression to commission inquiry. The Tech Glass visual theme, Electric Indigo color system, and Gallery Walk creative direction combine to make this landing page feel like a curated exhibition rather than a typical portfolio site.

Who this template is for

This template is built for calligraphers who work at a professional and artistic level. It speaks directly to practitioners who take on high-value, bespoke commissions and want a landing page that matches the weight of their craft.

• Calligraphers offering custom logotype commissions, bespoke wedding invitation suites, or editorial lettering work
• Independent lettering artists who need a portfolio that communicates both precision and creative personality
• Creative professionals targeting clients such as brand strategists, creative directors, and wedding planners

What problem this template solves

Most portfolio templates flatten the experience of hand-crafted work into a generic grid. Flourish solves the specific problem of presenting ink-based, one-of-a-kind lettering in a way that feels as intentional and considered as the work itself.

• Visitors struggle to feel the atmosphere of physical calligraphy work through a flat screen; this template uses animation and dark-gallery aesthetics to bridge that gap
• Generic contact forms fail to capture the right project context; the three-step commission modal collects project type, emotional intent, and timeline in one structured flow
• Potential clients who are not yet ready to commit often leave without a trace; the secondary lookbook download captures their email before they go

What you get with this template

You get a fully designed, single-page landing page that handles both the artistic impression and the practical conversion path. Every section is purpose-built for a calligrapher's specific audience and workflow.

• An animated header with a real-time ink-drawing sequence, a masonry portfolio gallery with hover depth effects, and a floating commission bar
• A three-step commission inquiry modal covering project type, emotional brief, and contact details
• A secondary lead-capture path via a lookbook download that exchanges a curated PDF for an email address

Feature list

This template ships with six core features, each designed to serve the specific needs of a calligrapher's interactive portfolio landing page.

Real-Time Animated Header

A single uppercase letter is drawn in real time by an invisible nib on a pure black canvas. The stroke thins on upstrokes, pools at turns, and leaves a faint luminous trail. Once the letter completes, the calligrapher's name assembles letter by letter in the same hand-drawn cadence.

Masonry Portfolio Gallery

The gallery uses a Pinterest-style masonry layout where card scale shifts constantly. An oversized ampersand may fill one card while four delicate envelope details tile beside it. Each cluster is introduced by a single italic sentence styled like a gallery wall placard.

Hover Depth and Glow Effects

Hovering over any gallery card lifts it forward with a subtle parallax depth shift and fires a violet edge-glow. The effect mimics gallery lighting finding a framed piece, creating an interactive exhibition feel without distracting from the work itself.

Floating Commission Bar

After the visitor scrolls past the third depth threshold, a glass-morphism commission bar appears and stays anchored on screen. It carries the primary call to action and opens the three-step modal without leaving the page.

Three-Step Commission Modal

The modal walks visitors through three focused steps: selecting a project type, writing a short emotional brief, then submitting name, email, and timeline. The structured flow helps calligraphers receive better-qualified project inquiries from the start.

Lookbook Lead Capture

A secondary call to action offers a curated PDF lookbook in exchange for an email address. This path serves visitors who are curious but not yet ready to commit, keeping them in the pipeline without pressure.

Page sections overview

Design & branding system

The visual identity follows a Tech Glass theme built on the Electric Indigo color system. Black dominates the canvas, indigo washes beneath card surfaces, violet fires on interaction, and white-lavender floats type with a holographic quality.

• Color palette: deep void black (#0B0B1A), luminous indigo (#4B0082), electric violet (#7B2FBE), and white-lavender (#E8DEFF) for text and hover states
• Surface treatment: glass-morphism card styling with frosted-glass indigo underlighting and violet edge-glow on interaction
• Typography and motion: hand-drawn animation cadence for the header, italic wall-placard labels for gallery clusters, and a deliberate slow-ink aesthetic throughout

Mobile & speed optimization

The template is designed so its visual intensity does not compromise the experience on smaller screens. The masonry grid and animation sequence are both built with responsive behavior in mind.

• The masonry layout reflows gracefully on tablet and mobile viewports, preserving scale contrast without breaking the grid rhythm
• The floating commission bar remains accessible on mobile, keeping the primary call to action visible as visitors scroll through the gallery
• The three-step modal is sized and structured to work comfortably on touch screens without requiring horizontal scrolling

How this template helps you convert

Every structural decision in this template points toward one outcome: turning an impressed visitor into a qualified commission inquiry or a captured email lead.

1. The animated header creates a high-attention first moment that earns the scroll, giving the gallery below a warm, invested audience rather than a distracted one.
2. The floating commission bar removes friction by keeping the primary call to action visible at all times after the third scroll depth, so visitors never have to hunt for the next step.
3. The two-path conversion system means visitors who are not ready to commission today still leave something behind via the lookbook download, preserving the relationship for a future inquiry.

Other information about this template

This template is part of the Portfolio and Agency category, specifically designed for the calligrapher interactive portfolio niche. It is a strong fit for lettering artists who want their landing page to work as hard as their craft does.

• The template style is Masonry and Pinterest layout, making it well-suited to work that varies in scale, format, and aspect ratio across commissions
• The creative direction follows a Gallery Walk structure, guiding visitors through logotype work, wedding suites, and experimental ink studies in a curated sequence
• The header concept is an Animated Illustration, a deliberate choice that sets this template apart from static portfolio pages in the same category
• The lead-generation direction is built into the structural layer of the page, not added as an afterthought, making the commission flow feel native to the experience

Show more