Jeweler Portfolio Portfolio Website Template

Quick summary

Forge is a full-width immersive portfolio landing page template designed for fine jewelry creatives, studios, and agencies. It presents three proof-stacked case studies in a design brutalist format, using oversized type, raw photography, and a single brass accent to guide visitors toward one deliberate click.

Who this template is for

This brutalist portfolio website is built for professionals who treat their craft as a commercial argument. The design brutalist layout is well-suited to anyone who needs their portfolio website to convert browsers into clients, not just impress them.

• Independent jewelers and atelier owners who need to prove commercial outcomes
• Emerging fine jewelry agencies and studios seeking editorial and wholesale traction
• Freelancers and graphic design professionals who want a bold portfolio without writing custom code

What problem this template solves

A portfolio landing page for a jewelry brand must reject conventional e-commerce aesthetics for a raw, unfinished look. Most portfolio website templates flatten every project into identical boxes, stripping out the confidence and narrative weight that high-value clients need to feel before committing.

• Weak portfolio sites bury measurable results under generic layout grids
• Standard web design templates lack the editorial authority required for fine jewelry positioning
• Creatives lose wholesale and press opportunities because their site fails to communicate scale and conviction

What you get with this template

This template gives designers, developers, and studio teams a complete brutalist portfolio website structure, built around three escalating case studies with full-width photography and real proof elements.

• A nine-image Photo Grid Mosaic hero with massive brutalist display type punched directly over the grid
• Three case study sections, each opening with a 120-point provocative statement, then unfolding into challenge, strategy, visual system, and measurable result
• A floating call-to-action that appears on scroll after the halfway mark, plus a primary "See If We're The Right Fit" button after the final case study

Feature list

This brutalist portfolio template is built around a set of purposeful, prompt-defined features. Each one serves the design brutalist goal of stacking proof before asking for action.

Nine-Image Mosaic Hero

The header fills the viewport edge to edge with nine tightly cropped, full-bleed images in an asymmetric grid. Desaturated photography keeps the work feeling archival while oversized all-caps display type makes a bold statement that demands attention.

Manifesto-Scroll Case Studies

Each case study opens with a single provocative statement in massive type, then unfolds into client challenge, strategic pivot, visual system, and measurable outcome. Chronological storytelling emphasizes the why behind every design decision, keeping the scroll reading like a declaration rather than a list.

Smooth Animations and Interactivity

Spotlight hover effects, scroll-reveal transitions, and parallax photography create smooth animations throughout. The floating call-to-action element appears mid-scroll, keeping the primary action visible without interrupting the narrative.

Bold Brutalist Typography System

Fraunces serif display type handles oversized headlines; DM Sans covers body copy. This bold typography pairing creates sharp contrast between conviction statements and supporting detail, which is characteristic of design brutalist web design.

Proof-Stack Social Elements

Revenue percentages, press logos, editorial placements, and wholesale order counts appear inline across the three case studies. These elements build the evidence required for visitors to act with confidence before reaching the call to action.

Click-Through Call-to-Action Architecture

No form appears on this landing page. The primary button routes to an intake questionnaire on a second page, allowing the portfolio to earn the click through proof rather than demanding it upfront.

Page sections overview

Design & branding system

The design brutalist visual identity uses a Cloud Canvas color system that feels like a gallery wall in an industrial loft. Proportion is a key element here, with oversized brutalist display elements contrasting against generous whitespace.

• Colors: vapor white (#F4F1ED) as the dominant ground, poured-concrete gray (#B5B0A8) for typographic hierarchy, deep graphite (#2D2926) for display headlines, and molten brass (#C9A84C) reserved exclusively for hover states and active links
• Typography: Fraunces for all brutalist display headings, DM Sans for body copy and supporting detail
• Photography direction: high-resolution, close-up jewelry imagery keeping raw textures visible, desaturated just enough to feel archival without losing material honesty

Mobile & speed optimization

This template is designed desktop-first, matching the browsing behavior of editorial and wholesale portfolio clients. The layout remains fully responsive across every device size.

• Desktop-first layout with mobile-responsive pages for all screen sizes
• Static server components handle non-animated sections; client components handle scroll-reveal and floating call-to-action behavior
• Optimized image loading across the nine-image hero grid and full-width case study photography

How this template helps you convert

The brutalist portfolio site earns the click by stacking proof in the right order. Every design decision delays the call to action until the evidence is undeniable.

1. The nine-image hero and manifesto strip establish authority before a single case study loads, setting the tone that this portfolio website means business.
2. Three escalating case studies, from a single product launch to an international retail rollout, build confidence incrementally so that visitors arrive at the button already convinced.
3. The floating call-to-action appears only after the halfway mark, inspired by the principle that the ask should follow the proof, not precede it.

Other information about this template

This template is built to serve a wide range of creatives who need a brutalist portfolio website without deep technical knowledge. The brutalist web design approach allows users to customize layout, colors, and content without requiring extensive code changes.

• The forge bold brutalist jeweler case study portfolio landing page template is suitable for freelancers, studio owners, graphic design professionals, and agencies of all sizes
• Brutalist portfolio templates like this one allow users to build and deploy a professional portfolio site quickly, and users can receive a fully structured page ready to populate with their own projects
• Drawing inspiration from trending brutalist web design examples is encouraged; this template is inspired by the editorial monograph format, which is currently trending among fine jewelry studios
• The template supports Google Analytics integration at the platform level, and an email address or number for direct contact can be added to the footer row
• Template breaks from conventional polish are intentional; the raw and unapologetic aesthetic communicates that the work is confident enough to speak without decoration
• The unapologetic aesthetic also signals to high-value clients that this portfolio site belongs to a practitioner with genuine creative opinion and graphic design authority

Show more