Ready-to-customize templates

PL. 01Editorial

Editorial Cargo

Editorial grid, oversized type and a press-clipping style project list.

PL. 02Luxury & minimal

Luxury Minimal

Generous whitespace and refined type for a high-end brand.

PL. 03Architecture

Architecture Studio

Clean layout built to showcase construction and design projects.

PL. 04Restaurant

Restaurant Premium

Warm showcase for a restaurant: atmosphere, menu, booking.

PL. 05Creative agency

Creative Studio

Dynamic portfolio for a creative agency or studio.

PL. 06Product / SaaS

SaaS Premium

Conversion-focused landing page for a B2B product.

PL. 07Corporate

Corporate Premium

Sober, reassuring structure for a company or firm.

PL. 08E-commerce

E-commerce Premium

Polished product showcase for a high-end online store.

PL. 09Brasserie

Brasserie Voltaire

A Parisian brasserie since 1923 — classic menu, historic setting.

PL. 10Neighbourhood bistro

L'Ardoise

A warm neighbourhood bistro with a real chalkboard-style daily menu.

PL. 11Event catering

Anouk

Compose your event like a showcase — bespoke menu and quote, built online.

PL. 12Event catering

Anouk (variant)

No fixed menu, just what you want — fully bespoke event catering.

PL. 13Neighbourhood café

Matin

"The coffee before everyone else" — an early-morning neighbourhood café.

PL. 14Espresso bar

Noir.

"Espresso. And nothing else." — a minimalist espresso bar.

PL. 15Café counter

Herbier

A plant-forward café counter with a short, seasonal menu.

PL. 16Café-brasserie

Le Buffet

A neighbourhood café-brasserie with a simple menu and warm setting.

PL. 17Café & record shop

La Platine

"Coffee strong, jazz louder" — a café doubling as a record shop.

PL. 18Soda counter

Le Milk Bar

"The neighbourhood milkshake" — a playful, retro-leaning counter.

PL. 19Neighbourhood café

Sumi

"One gesture, one cup, one silence" — a pared-back café with Japanese influence.

PL. 20Coffee roaster

Altitude

A coffee, an altitude, a named grower — provenance and traceability front and center.

PL. 21Neighbourhood roastery

Parcelle

A coffee, a plot, a grower — a traceable neighbourhood roastery.

PL. 22Culture magazine

Parallax Magazine

Print-magazine layout: a scrolling news ticker, a full-page feature and three-column sections.

PL. 23Magazine

Studio Magazine

Cover image with overlay text, article cards and a split feature, cream tone with a Georgia serif.

PL. 24Newspaper

Daily Newspaper

Newspaper-style masthead and headline, column articles, cream tone with a Georgia serif.

PL. 25Editorial

Raw Editorial

Split image-and-headline hero, three articles and an inverted feature, cream tone.

PL. 26Editorial magazine

Table of Contents

The whole homepage is a magazine table of contents, dot leaders included.

PL. 27Premium editorial

Cargo Editorial

Magazine masthead, drop cap, justified columns, italic serif pull quotes.

PL. 28Premium magazine

Cargo Magazine

Cover-style hero, serif/sans mix, numbered contents list, teal accent.

PL. 29Minimal editorial

Nova — Editorial

A pared-back "Selected Works" portfolio, neutral cream tone, calm type.

PL. 30Press & newsroom

Nova — Newsroom

Cream newsroom tone, a "Design with a point of view" headline.

PL. 31Cinema & subtitles

Nova — Subtitles

Black cinema-hall tone, a scrolling-subtitle style layout.

PL. 32Sunset editorial

Nova — Sunset

Sunset gradient, a "Warm ideas. Long shadows." headline.

PL. 33Minimalism

Quiet Minimal

A quiet eyebrow then headline, a numbered three-project list on neutral cream.

PL. 34Black & white minimal

Monochrome Index

The same numbered list as Quiet Minimal, rendered in pure black and white.

PL. 35Premium minimal

Cargo Minimal

An asymmetric hero spanning 80% of the width, extreme whitespace, near-monochrome palette.

PL. 36Luxury serif

Nova — Luxury

Muted beige, refined serif, a "Quiet Impact" headline.

PL. 37Japanese minimal

Nova — Japanese Minimal

Off-white, generous negative space, a "Space for ideas" headline.

PL. 38Dark red luxury

Nova — Crimson

Deep dark red, an "Elegance with tension" headline.

PL. 39Underline interaction

Nova — Underline

Pure white, a "Simple. Sharp. Memorable." headline, underline-driven interactions.

PL. 40Quiet blue

Nova — Quiet Blue

Soft pale blue, a "Calm carries further" headline.

PL. 41Digital studio

Modular Bento

Asymmetric bento grid weaving project thumbnails, a key stat and intro copy into one composition.

PL. 42Swiss design

Swiss Grid

A red dot marker, a four-cell color grid used as navigation, one case study.

PL. 43Swiss grid

Cargo Grid

A visible Swiss column grid running the full page, a recurring red square marker.

PL. 44Swiss grid

Nova — Swiss Grid

A strict modular grid, an "Ideas in form" hero, cream-and-black tone.

PL. 45Swiss monochrome

Nova — Swiss Mono

Pure white, an "Order creates energy" headline, black-and-white Swiss grid.

PL. 46Modular blocks

Nova — Modular

Light grey, a "Build. Rearrange. Repeat." headline, a modular block grid.

PL. 47Brutalist

Neo Brutalist

Oversized headline, an animated stamp mark and raw color blocks on acid yellow.

PL. 48Premium brutalist

Cargo Brutalist

Thick borders act as a visible grid, one acid-yellow accent, zero gradients.

PL. 49Brutalist

Nova — Neo Brutalist

A loud orange background, a "Loud by design" headline, raw and direct.

PL. 50Architecture

Structure Index

Numbered project list with full-bleed thumbnails and captions, a sober three-column header.

PL. 51Industrial

Industrial Works

Headline with a coded marker, a metrics row and two case studies, raw concrete tone.

PL. 52Premium architecture

Cargo Architecture

Stone and concrete palette, plan-line motif behind the hero, technical spec sheets per project.

PL. 53Architecture

Nova — Architecture

Pure white, a "Clarity creates character" headline, structured layout.

PL. 54Data visualization

Nova — Data Visual

Light grey, an "Insight made visible" headline, analytical tone.

PL. 55Technical blueprint

Nova — Blueprint

Technical white, a "Build the system" headline, execution-drawing tone.

PL. 56Technical manual

Nova — Manual

Neutral cream, a "Design operating system" headline, documentation tone.

PL. 57Architecture studio

Arc

Build less, but build right — a pared-back architecture studio.

PL. 58Noir photography

Darkroom

High-contrast full-screen image, a tight 2×2 gallery, darkroom mood.

PL. 59Photography

Photo — Structures

Image with caption, a three-project architectural list, beige tone.

PL. 60Photography

Photo — Client Work

A technical specs row followed by a 2×2 gallery, brown tone.

PL. 61Photography

Photo — Contact Sheet

A dense 4×3 contact-sheet grid, echoing the film-editing ritual of picking frames.

PL. 62Photography

Photo — Documentary

Overlay image hero, then a figure/caption sequence in a documentary rhythm.

PL. 63Photography

Photo — Fashion Editorial

Alternating spreads and paired images, in an editorial fashion tone.

PL. 64Photography

Photo — Fullscreen Slides

A full-screen scroll-snap slideshow, one image per screen.

PL. 65Photography

Photo — Grid Exhibition

A numbered 3×3 grid, laid out like a gallery hang.

PL. 66Photography

Photo — Portraits

Headline-and-portrait opening, a four-portrait grid.

PL. 67Photography

Photo — Series

A masonry gallery alternating wide and tall formats.

PL. 68Photography

Photo — Travel Journal

Alternating travel notes and an image mosaic, ochre tone.

PL. 69Photography

Photography Portfolio

Full-screen opening image, masonry gallery, white and grey tone.

PL. 70Premium photography

Cargo Photography

Near-black background, EXIF-style masonry captions, a full-bleed closing section.

PL. 71Gallery & art

Gallery Colophon

One centered framed artwork, a footer colophon with a live clock and catalogue number.

PL. 72Documentary photography

Compass Nav

Navigation fixed to the four screen corners, archival captions with geographic coordinates.

PL. 73Photography

Meridian

A pared-back portfolio for an independent photographer.

PL. 74Fashion

Fashion House

Full-screen opening image, then a lookbook, product grid and campaign section in beige/brown.

PL. 75Premium fashion

Cargo Fashion

Extreme negative space, an oversized vertical logotype spilling onto the image, a scrolling lookbook.

PL. 76Fashion & runway

Nova — Runway

Pure white, an "Image as attitude" headline, runway-style layout.

PL. 77Ready-to-wear fashion

Assil

A pared-back ready-to-wear label, letting silhouette and fabric lead.

PL. 78Fine jewellery

Aurélie

One-of-a-kind pieces, cut to last a century — bespoke fine jewellery.

PL. 79Streetwear drop

Feral

A limited-run streetwear label, presented as a numbered "Drop".

PL. 80Wellness studio

Halo

A moment just for you — a wellness studio for relaxing treatments.

PL. 81Formulated skincare

Derme

Every formula, precisely dosed — a dermo-cosmetic skincare brand.

PL. 82Agency

Future Classic

Headline with a circular mark, a two-project list on cream and navy.

PL. 83Nature-led agency

Natural Studio

Split image-and-headline hero, a two-project grid, earthy palette.

PL. 84Agency

Soft Modern

Headline over an organic blob shape, a two-project list, cream and coral tone.

PL. 85Creative agency

Studio Orbit

A gradient orb behind the headline, a services row and three projects, violet/coral tone.

PL. 86Premium creative agency

Cargo Studio

A flat coral color block, numbered services, an asymmetric masonry grid.

PL. 87Product studio

Studio Journal

A sticky meta bar (year/title) that updates per project as you scroll.

PL. 88Pastel & playful

Nova — Playful

Pastel pink, a "Serious Play" headline, light without losing seriousness.

PL. 89Product

Product Studio

Headline with a radial product render, a specs row and a product story.

PL. 90Product studio

Sculptural Form

A radial product render at the center of the hero, a three-product grid, taupe tone.

PL. 91Soft skeuomorphism

Nova — Soft UI

Pale blue, soft shadows, a "Gentle interfaces" headline.

PL. 92Art publishing

Art Book

Double-page book-spread pagination, one image or text block per turned page.

PL. 93Culture & museum

Museum Exhibit

Full-screen poster opening, exhibition details and a three-column programme.

PL. 94Exhibition catalogue

Nova — Exhibition

Light grey, a "Collected Forms" headline, exhibition-catalogue tone.

PL. 95White cube gallery

Nova — White Cube

Pure white-cube tone, a "Space for visual culture" headline.

PL. 96Contemporary art gallery

Murmur

"Low frequencies — sculpture & sound, 12 artists" — a contemporary art gallery.

PL. 97Vinyl bar

Nocturne

"The record spins, the night follows" — a vinyl and cocktail bar.

PL. 98Independent label

Raw Signal

An independent music label with a raw identity and a strong sound.

PL. 99Independent cinema

Le Strapontin

"One room, one projector, no algorithm" — an independent cinema.

PL. 100Travel & territory

Territory Map

Map-and-pins hero, projects listed by city, sage green tone.

PL. 101Organic eco-design

Nova — Organic

Sage green, a "Rooted in meaning" headline, grounded and calm.

PL. 102Slow living

Arpent

Slowness as a method — a lifestyle brand built around taking your time.

PL. 103Cycling gear

Pente

"Built for the climb, not the flat" — a cycling gear brand.

PL. 104Independent bookshop

Marge

"We don't sell books, we entrust you with one" — a neighbourhood bookshop.

PL. 105Boutique hotel

Saule

"Twelve rooms, one garden" — an intimate boutique hotel.

PL. 106Ceramics & craft

Terre Cuite

"Every piece keeps the trace of the hand that made it" — a ceramics studio.

PL. 107Colorblock

Colorblock

Grid of articles in bold flat color blocks, hero split across two contrasting hues.

PL. 108Experimental

Orbit Experimental

Headline rotating around an orbit, a custom cursor, two full-screen case studies.

PL. 109Kinetic

Kinetic Motion

A continuously scrolling text band, three case studies and a closing CTA, black and orange.

PL. 110Premium experimental

Cargo Experimental

A restrained custom cursor, violet-and-lime duotone, mix-blend-mode on the hero.

PL. 111Dark kinetic

Nova — Dark Kinetic

A near-black background, a "Move people" headline, built for motion.

PL. 112Cyber Y2K

Nova — Cyber Y2K

Lavender blue, Y2K aesthetic, a "Welcome to the future*" headline.

PL. 113Glass & chrome

Nova — Glass

Glass-and-chrome gradients, an "Ideas with depth" headline.

PL. 114Pixel arcade

Nova — Arcade

Dark background, pixel-arcade aesthetic, a "Press start to create" headline.

PL. 115Typographic poster

Nova — Poster

Bright yellow, a huge "Make it seen" headline, poster-style impact.

PL. 116Cinematic storytelling

Nova — Cinematic

Near-black background, a "Stories in motion" headline, narrative pacing.

PL. 117Bauhaus geometry

Nova — Bauhaus

Cream and ochre, geometric shapes, a "Form follows idea" headline.

PL. 118Gradient mesh

Nova — Gradient Mesh

Fluid mesh gradients, a "Fluid identities" headline.

PL. 119Memphis

Nova — Memphis

Bright yellow, Memphis-style shapes, a "Make design fun" headline.

PL. 120Retro-futurism

Nova — Retro Future

Deep purple, a "Back to tomorrow" headline, retro-futurist tone.

PL. 121Infinite marquee

Nova — Marquee

Dark background, an infinitely scrolling text marquee.

PL. 122Acid rave

Nova — Acid Rave

Dark background, acid accents, a "Loud fast alive" headline.

PL. 123Collage & craft

Paper Collage

Slightly tilted project cards arranged like a collage, on cream with bright accent colors.

PL. 124Collage

Nova — Collage

Kraft-tone background, a "Cut. Paste. Make." headline, collage composition.

PL. 125Handmade zine

Nova — Zine

Raw cream tone, a "Made by hand" headline, handmade zine feel.

PL. 126Paper cut-out

Nova — Paper Cut

Kraft tone, a "Cut from a different cloth" headline, flat cut-out shapes.

PL. 127Product & industrial

Manifest

Shipping-label header, an animated stamp on load and projects listed as manifest table rows.

PL. 128Portfolio & data

Project Archive

Projects listed as an actual data table (number, project, type, year) instead of cards.

PL. 129Tech

Techno Interface

A radial screen hero, four modules and one case study, black and cyan tone.

PL. 130Strategy consulting

Case File

Two panels split by a handled divider line, a client/project/year table.

PL. 131Research & trends

Clipping Board

Research boards, highlighted press clippings, figure-style captions.

PL. 132Monospace tech

Nova — Tech

Neon yellow-green, monospace type, a "Creative Systems" headline.

PL. 133SaaS analytics

Flux

A product dashboard with a clear overview, for an analytics SaaS.

PL. 134Product analytics SaaS

Pulse

"See every user, not just averages" — a product analytics tool.

PL. 135Language learning edtech

Parle

"Learn a language 10 minutes a day" — a language-learning app.

PL. 136Film & editing

Frame Index

Vertical nav rail, a scroll-linked timecode counter and a horizontally scrolling filmstrip of projects.

PL. 137Design research

Marginalia

Margin-annotation navigation, a pinboard of tilted field notes and a drop-cap opening.

PL. 138Typography

Typographic Index

Stacked text lines as the hero, a three-project list paired with type glyphs.

PL. 139Image & narrative studio

Split Diptych

A pinned split screen: the left image cross-fades to match the chapter being read on the right.

PL. 140Poster studio

Foldout Poster

The hero unfolds on load like a folded poster, with a tilted cover rack below.

PL. 141Issue-based studio

Newsstand Rack

A newsstand rack: overlapping project covers that come forward on hover.

PL. 142Type foundry & publishing

Wordmark Journal

A giant condensed serif wordmark hero, a 3-column specimen grid.

PL. 143Graphic design

Index Overlay

The Index button opens a scattered grid listing every numbered project.

PL. 144Independent publishing

Pocketbook

Saturated background, manifesto-style masthead, each publication opens a side drawer.

PL. 145Horizontal gallery

Nova — Horizontal

A horizontally scrolling work gallery, neutral light-grey tone.

PL. 146Direction exploration

Genesis — Dossier

First draft of the redesign: a technical-dossier hero, before exploring several directions in parallel.

PL. 147Direction exploration

Round 1 · A — Dossier

The name treated as a technical spec-sheet title block, corner registration marks and a certification stamp.

PL. 148Direction exploration

Round 1 · B — Monograph

A confident dark ground, the name at massive scale spilling past the frame, no extra ornament.

PL. 149Direction exploration

Round 1 · C — Elevation

Turns "from architecture to interface" into a literal cross-section, full-bleed cyanotype-blue ground.

PL. 150Direction exploration

Round 1 · D — Revue

Forest-green and gold flat color, an editorial project index instead of a card grid.

PL. 151Direction exploration

Round 2 · E — Precision

The green accent is used only on functional elements (status, hover), a faint grid visible throughout.

PL. 152Direction exploration

Round 2 · F — System

The stack and TDD practice shown as real UI components: a working switch, a terminal, stateful chips.

PL. 153Direction exploration

Round 2 · G — Glow

A glow follows the cursor behind the name — one real interactive proof rather than ten static props.

PL. 154Direction exploration

Round 3 · H — Flat Color

Full-bleed saturated ultramarine, the name overlaid on a glowing field, a continuously scrolling band.

PL. 155Direction exploration

Round 3 · I — Scroll (chosen)

The page's structure is made of continuously scrolling ribbons — the direction chosen for the redesign.

PL. 156Direction exploration

Round 3 · J — Clash

Two flat colors (midnight violet / coral) fighting for the screen, the seam follows the cursor live.

PL. 157Direction exploration

Round 4 · K — Wide Angle

The name shrinks and slides on scroll, film-title-sequence style, before giving way to the content.

PL. 158Direction exploration

Round 4 · L — Negative

The name is hidden under a dark layer, revealed in a circle as the cursor moves, like a flashlight.

PL. 159Direction exploration

Round 4 · M — Stack

Real cards (project, certification, impact) scattered about, that you can grab and drag with the cursor.

PL. 160Direction exploration

Round 5 · N — Counterpoint

Two ribbons frame the name, each scrolling in the opposite direction — a tight cream/ink palette.

PL. 161Direction exploration

Round 5 · O — Vertical

Scroll changes axis: two vertical columns, film-credits style, frame the name on either side.

PL. 162Direction exploration

Round 5 · P — Velocity

The name is part of the scrolling ribbon itself, and its speed responds to the visitor's scroll gesture.