Timber — Raw Woodcraft Exhibition Landing Page Template

Quick summary

Grain is a single-page brutalist portfolio landing page template for independent woodworkers. It layers overlapping image planes, raw typographic slabs, and a process-first content strategy to give every visitor, homeowner, interior designer, or fellow maker, enough craft knowledge to trust the work before they ever send a message.

Who this template is for

This template is built for artisan creatives who let the quality of their work do the talking. It suits any maker who needs a portfolio that feels as considered as the pieces themselves.

• Design-obsessed homeowners searching for a forever dining table or a statement shelf
• Interior designers sourcing handcrafted pieces for residential projects and client services
• Fellow woodworkers who study joinery technique the way film students study raw footage

What problem this template solves

Most portfolio pages flatten craft into a grid of thumbnail images with no context. Visitors scroll past projects without understanding what makes the work worth commissioning. Grain solves that by turning the portfolio itself into a process reference, building confidence before the call to action arrives.

• Generic portfolio layouts strip the story out of handmade work
• Homeowners and designers leave without enough information to feel ready to commission
• There is no path to capture interest from visitors who are not yet ready to buy

What you get with this template

You get a full single-page portfolio layout built around the Gallery Walk creative direction. Every section has a clear role, and the design system is consistent from the animated hero to the lead-capture block.

• An animated SVG hand plane hero with a brutalist stamp headline and GSAP scroll-triggered parallax gallery
• A tappable gallery where each image opens a full process breakdown showing wood species, dimensions, joinery type, and finish
• A Build Journal lead-capture block with an email field and a visitor-segmentation dropdown

Feature list

This template delivers a tightly scoped set of design and layout features. Each one comes directly from the brief and serves a specific role in the portfolio experience.

Animated SVG Hero with Brutalist Stamp Headline

A line-drawn hand plane loops across the viewport, peeling rough texture to reveal photorealistic wood grain beneath. After two seconds the headline stamps down in a massive slab-serif, making the first impression impossible to ignore. The illustration style is architectural and bold, designed to hold attention before a single project image appears.

Parallax Gallery Walk Layout

Scrolling moves visitors through overlapping image planes at three to four staggered depths. Each project fills a full viewport and layers a hero shot, a macro joinery detail, a raw slab process photo, and a dimensioned sketch. This layout creates a sense of walking through a physical exhibition, which is rare in web design for craft portfolios.

Tappable Process Breakdown Modal

Every gallery image is interactive. Tapping any image opens a full-screen process breakdown that lists wood species, dimensions, joinery type, and finish used. This turns the portfolio pages into a living reference library, giving fellow creatives and sourcing designers the technical information they need without leaving the flow of the build.

Build Journal Lead Capture

A full-bleed indigo call-to-action block offers a free PDF build journal documenting one signature piece from log selection through final finish. Visitors enter their email and choose from a segmentation dropdown. The options are: looking for a custom piece, interior design sourcing, fellow woodworker, or just admiring. This segmentation helps match outreach to visitor intent.

Electric Indigo Color System

The design uses four deliberate colors. Deep workshop shadow at #1A1035 forms the base, raw indigo voltage at #4B0082 bleeds through as thick border strips, sanded birch white at #F0EDE5 carries text and linen photography backgrounds, and neon resin pour at #7DF9FF appears only on hover states and active gallery indicators. The palette communicates heavy industrial craft lit by something unexpectedly electric.

Brutalist Typographic System

Display text is set in Cabinet Grotesk at oversized weights, creating the heavy slab-serif character central to brutalism. Body copy uses DM Sans for clarity and readability. Bold outlines, thick rectangular call-to-action blocks, and visible grid lines divide sections with the sharp, utilitarian confidence that brutalist design is known for.

Page sections overview

Design & branding system

The design language of this template is rooted in brutalism as a deliberate creative choice, not a shortcut. Every element communicates raw craft confidence through heavy structure and controlled contrast.

• Deep indigo and birch white backgrounds stack in dense overlapping slabs, while neon hover states reveal detail only on touch
• Bold typography at display scale uses oversized slab-serif headers; body text stays clean and readable in DM Sans
• Thick borders, asymmetrical layout positions, and visible grid lines reinforce the raw, unapologetic brutalist aesthetic throughout all pages

Mobile & speed optimization

The template is built desktop-first to honor the gallery walk parallax experience, but it includes a full mobile fallback so no visitor is lost on a smaller device. Performance considerations are baked into the build approach.

• GPU-accelerated transforms power the parallax and animation layers, keeping motion smooth across device types
• Lazy image loading is applied across gallery pages so large high-resolution project photos do not block the initial render
• Server Components handle static sections, allowing the interactive gallery elements to load without slowing the full page

How this template helps you convert

The conversion strategy is content-first. Visitors earn the right to the call to action by receiving genuine craft knowledge throughout the scroll. By the time the Build Journal offer appears, downloading it feels like the obvious next step.

1. The Gallery Walk and process breakdown modals give away enough joinery knowledge and material detail that creatives, homeowners, and designers feel genuinely informed before they commit their email address.
2. The visitor-segmentation dropdown on the lead-capture form sorts responses by intent, allowing follow-up to match what each person actually came looking for.

Other information about this template

This template suits independent makers, small craft studios, and any creative agency or design studio that wants to present project work with the same raw honesty that brutalism demands. It is also a strong fit for portfolio examples shared in woodworking or maker communities.

• The Grain bold brutalist woodworker gallery portfolio landing page template is ready to use without requiring custom code; no developer is required to get it live
• Users can customize colors, swap sample content for real project photography, and update typography choices to reflect their brand, all without writing a line of code
• The template supports integration with tools like Google Analytics so you can track visitor behavior and measure how well each portfolio section performs over time
• Brutalist portfolio templates like this one draw inspiration from the London-rooted brutalist architecture movement, carrying that same heavy-structure sensibility into web design
• Freelancers, agencies, and service business owners looking to attract premium clients will find the bold, high-contrast design helps their portfolio work stand out against conventional examples
• This portfolio template can save significant time compared to building a custom brutalist design from scratch, and it remains easy to update as new projects are completed

Show more