Work pages

85 sites with a deeply-analysed work page , across design portfolio, creative studio, film production, trades, photography, other, type foundry. Build a work page from how the best sites build that page, not a generic skeleton.

Screenshot of Abhishek Jha

Abhishek Jha

niche

Design Portfolio

Indian designer personal portfolio — 4-font system (DM Sans + thunder + editorial + playground), 17-step scale up to 288px, dark plum + pink palette, 9-keyframe marquee/cloud motion.

Screenshot of Alche

Alche

strong

Creative Studio

The reference for Japanese virtual-character + immersive experience studios — Astro v5 build, neon yellow-green accent, 5-font multi-language system, KizunaAI case study.

Screenshot of Alejandro Mejias

Alejandro Mejias

niche

Design Portfolio

A Melbourne solo UX designer's Framer-built portfolio in a brutalist bracket-wrapped monospace voice — black-on-white chrome punctuated by a single neon-yellow accent, dotted-grid hero, and full-bleed yellow about page.

Screenshot of Alina Papazova

Alina Papazova

niche

Design Portfolio

a 3D artist's Framer portfolio that opens on a full-bleed red wall with a colossal magenta FREE FAT FONT "ALINA" wordmark, then drops the volume into clean editorial white-on-near-black case studies set in Satoshi with Times serif accents, the loud act and the quiet act in deliberate tension.

Screenshot of Analogue

Analogue

strong

Creative Studio

a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.

Screenshot of Basement

Basement

flagship

Creative Studio

a digital studio's portfolio rendered as a black-canvas magazine - Geist for body, the bespoke "flauta" for display moments, 1920px full-bleed project tiles with no border-radius and no shadows, and a 7-transition motion budget that prioritises bold typography over interaction polish.

Screenshot of Bindery

Bindery

niche

Film Production

The reference for boutique NYC production studios — full-bleed video tile mosaic on warm off-white, condensed black serif wordmark, GSAP+Lenis scroll choreography over a soft pastel palette that cycles per section.

Screenshot of Brand Appart

Brand Appart

strong

Creative Studio

The reference for Paris startup design agencies — Youth chunky-sans display, cream parchment paper, orange ©-superscript wordplay, live Paris clock, Webflow + Lenis + Splitting.js stack.

Screenshot of Bulletproof

Bulletproof

strong

Creative Studio

a brand-agency site that treats its own logotype as the hero, oversized "BULLET / PROOF" split type and a giant line-drawn B monogram, alternating black and bone-white acts with a Sequel-Sans-plus-Mixta-serif pairing, expo-eased motion and a single orange spark.

Screenshot of Burocratik

Burocratik

strong

Creative Studio

a pure black-and-white studio site with a wicked sense of humour, full-bleed iconic photography, Graphik paired with Times, type that swings up to a 270px display, and self-deprecating copy ("18 fkn Years", "Our Accodlades") that makes monochrome restraint feel warm and human.

Screenshot of Cappen

Cappen

strong

Creative Studio

The reference for award-winning Miami creative dev studios — extreme typographic range (200 to 900 weight, 10 to 300px scale), three premium fonts, left/right-anchored hero positioning, PageLayer + Splitting.js stack.

Screenshot of Chipsa

Chipsa

niche

Creative Studio

Russian creative-agency portfolio with a 24-column grid, light/dark theme tokens, PPNeueMontreal + PPRightGrotesk pairing, and a leva-driven WebGL/canvas experimentation layer.

Screenshot of Clay Boan

Clay Boan

niche

Design Portfolio

A one-screen portfolio reduced to a single fragmented blackletter wordmark on near-pure-black, where the only "design" on the canvas is a piece of broken display typography that morphs as you scroll.

Screenshot of Clement Grellier

Clement Grellier

niche

Design Portfolio

Solo front-end developer portfolio at its most reductive — a single 144px wordmark, one rotating dual-image work card, three-word descriptor, and a pill-tab bottom-center nav. The whole site is one viewport.

Screenshot of Cyphr

Cyphr

strong

Creative Studio

The reference for venture-studio portfolios that flex through monumental condensed type, a single blue I-beam cursor accent, and a venetian-blind slat hero that fragments a single image into a column-rhythmic curtain.

Screenshot of Dipsy

Dipsy

niche

Creative Studio

a family-run design studio that turns its own name into the hero, a screen-filling black ";DIPSY" set in a heavy condensed grotesque on warm grey, a pink gradient bleeding down from the top edge, pill-outlined nav and pill form fields, and a playful run of cookie-dough photography toward the end.

Screenshot of Double Play

Double Play

niche

Creative Studio

The reference for tennis-themed boutique creative studios — saturated cobalt-blue `#002bba` field, oversized serif x sans display contrast, baseball-card project credentials, and a heavy GSAP + Lenis + Locomotive scroll choreography over Webflow.

Screenshot of Drexler

Drexler

niche

Creative Studio

A Baltimore studio that uses a single 765px-tall wordmark as the entire homepage, with a warm pink-on-black palette and 5-link nav, signalling small-shop confidence through wordmark-as-canvas restraint.

Screenshot of Dverso

Dverso

strong

Creative Studio

a Milan "immersive" studio that builds its homepage like a technical drawing, a warm cream canvas with a blueprint grid, mono-everything UI, a giant outlined "dverso" wordmark, and the team rendered as stylised 3D avatars standing inside the letters, with a pixel display font and scramble text for character.

Screenshot of Fiddle Digital

Fiddle Digital

strong

Creative Studio

an award-agency site that runs on contrast, a near-black ink and soft mauve, a grotesque paired with its own mono, type that swings from 11px labels to viewport-filling 130px+ display, a custom loading cursor and horizontal marquees, with a glassy 3D aurora render as the one moment of spectacle.

Screenshot of First Frame

First Frame

niche

Film Production

Paris production and post-production studio whose own site is the canonical example of full-bleed black + IBM Plex Mono micro-type + reel-as-hero — the cinematic-craft posture for a portfolio-led service business.

Screenshot of Geex Arts

Geex Arts

niche

Creative Studio

Award-winning creative agency "Designing Future" — Instrument Serif + Suisse Int'l Book editorial pairing, Webflow + GSAP + ScrollTrigger + Swiper stack, AI & ML capability section.

Screenshot of General Condition

General Condition

niche

Creative Studio

Self-aware "this might be a design studio" hero on near-black with vivid red display + rainbow-bordered chrome — WordPress+Elementor post-modern creative aesthetic.

Screenshot of Gianluca Gradogna

Gianluca Gradogna

niche

Design Portfolio

a multidisciplinary designer's portfolio that floats a crisp white intro card over a dark, full-bleed photographic world, pairing a clean Neue Montreal grotesque with a high-contrast Times display serif and one slow in-out-sine colour fade.

Screenshot of Grit Pictures

Grit Pictures

niche

Film Production

Film production company WordPress + Elementor Premium-Addons stack — Bebas Neue + Anton + Poppins + Roboto display fonts, 60-keyframe motion library, hot-pink accent, Vimeo embeds.

Screenshot of Huge

Huge

flagship

Creative Studio

a black-canvas, Monument-Grotesk agency site that turns brutalist restraint into confidence, sharp corners, one type family, vast empty space, then detonates a few hot-pink and acid-green colour blocks and lets Lenis-smooth scroll reveal the work.

Screenshot of Hugo Baron

Hugo Baron

niche

Design Portfolio

The reference for solo motion-design portfolios that lean on a single brand colour, a giant condensed display face, and a "loading-screen-as-hero" gimmick to read as confident and craft-forward without an agency budget.

Screenshot of Ichiki 109

Ichiki 109

niche

Design Portfolio

The reference for Japanese illustrator portfolios — Astro v5 build, IBM Plex Mono + Hiragino + barcode font, off-white blue-tint background, percentage-progress preloader.

Screenshot of Immersive Garden

Immersive Garden

flagship

Creative Studio

The reference for cinematic creative-studio portfolio — PSTimes serif + Helvetica Neue on monochrome black/light-grey, 2088px wide container, JS-driven preloader hides content until reveal.

Screenshot of Ingamana

Ingamana

niche

Creative Studio

a development-studio portfolio that runs as a near-silent black-on-white index, ABC Monument Grotesk set tiny (10-16px), captioned project tiles laid out like a contact sheet, and a single expo-out reveal curve doing all the motion work.

Screenshot of Jens Bosman

Jens Bosman

niche

Film Production

The reference for solo motion-director portfolios — pure black canvas with monumental Helvetica display type, pill-shaped chip nav, and a single sticky "W." / vertical "Honors" chrome mark.

Screenshot of Koto

Koto

strong

Creative Studio

The reference for global brand-agency studios — yellow logomark on near-black, four custom typefaces, live UTC clock chrome, split-screen sticky-text case study reveals.

Screenshot of La Rue Michel

La Rue Michel

niche

Creative Studio

a French advertising agency from La Réunion and Mayotte that runs an almost pure black-and-white system, sets everything in one weight-contrasted grotesque (aktiv-grotesk), and builds its whole personality from running marquee strips of service words and slow opacity fade-ins over edge-to-edge portfolio imagery.

Screenshot of Lanserring

Lanserring

flagship

Trades

a bespoke-joinery house that sells craft as heritage, warm sepia interiors and meadow photography under a high-contrast transitional serif, the brand reduced to a single fine line-drawn ring, with quiet WordPress structure and almost no visible motion furniture.

Screenshot of Laugh Mind

Laugh Mind

niche

Creative Studio

The reference for Japanese motion-heavy creative studios — a near-black SvelteKit canvas, a serif-led type system anchored on `ambroise-francois-std`, a Pixi.js WebGL layer, and a slow Lenis-driven loader that turns the entry into a performance.

Screenshot of Lax Space

Lax Space

niche

Design Portfolio

Minimal Brockmann-font portfolio with 11-keyframe motion library — site captured in an "Application error" React state, but CSS data reveals motion-heavy intent.

Screenshot of Lazy Eight

Lazy Eight

strong

Creative Studio

a gallery-minimal brand-studio portfolio where a near-white canvas, one large black-and-white image and a tiny "Explore ↓" are the entire first screen, image carries everything, type whispers, and a single classic link-blue is the only colour.

Screenshot of Leoleo Studio

Leoleo Studio

niche

Creative Studio

French multidisciplinary studio that uses a totally achromatic black-on-white chrome and lets 3D render film carry every drop of colour, with cinematic 0.45s easeOutExpo transitions and a small cat-head logomark floating in a dark pill nav.

Screenshot of Letude

Letude

strong

Creative Studio

The reference for international boutique studios — bold red background, royal-blue L'Étude wordmark overlaid on photography, SvelteKit + Sanity + Lenis stack, draw-in logomark animations.

Screenshot of Lisovskiy

Lisovskiy

niche

Design Portfolio

Sergey Lisovskiy's personal designer site — floppy-disk hero illustration + intentionally scrambled-letter headlines + single 43.2px Apfel Grotezk + SvelteKit.

Screenshot of Locomotive

Locomotive

flagship

Creative Studio

The reference for cinematic Montreal creative studio — black preloader with serif logo, Lenis + Locomotive Scroll stack, Lisa AI assistant integration, emoji-heavy section labels.

Screenshot of Mark Clennon

Mark Clennon

niche

Photography

A near-black photographer-portfolio built on Webflow, where the wordmark itself, set in the distinctive `Boogy Brut Poster` display, does almost all the brand work — and the rest of the canvas gets out of the way so the imagery can land.

Screenshot of Mat Voyce

Mat Voyce

strong

Design Portfolio

a type-designer-and-animator's portfolio that is itself a kinetic type specimen, viewport-filling F37 Judge letters in electric cyan, sliding and animating across a cream field, with lime and black accents and mono captions, the work and the website are the same thing.

Screenshot of Mccarthy Building Companies

Mccarthy Building Companies

flagship

Other

A 100+ year, employee-owned national commercial builder that projects quiet authority at scale - full-bleed video and aerial photography of real megaprojects, oversized condensed type ("SUPERIOR RESULTS", "WE CAN BUILD IT"), a single bold red accent, and clip-path scroll reveals that feel cinematic but never showy.

Screenshot of Menuxl

Menuxl

niche

Film Production

a French creative production house that turns its homepage into one full-bleed video field, with small lowercase fragments of a sentence ("we imagine and craft cool stuff") scattered across the frame and one giant word punched through the middle in plain FK Grotesk.

Screenshot of Merouane Bali

Merouane Bali

niche

Design Portfolio

a developer-designer's portfolio that opens on a pure-black void with a single pixel-font "Enter" button, gating the experience behind a deliberate retro-terminal threshold and a cyan-tinted, Tailwind-built world beyond it.

Screenshot of Microdot

Microdot

niche

Film Production

a VFX studio reel built as one giant black canvas where Mux-streamed clips hang in space, tiny 14px labels float at the edges, and a thumbnail filmstrip pinned across the bottom lets you scrub the whole body of work like a video timeline.

Screenshot of Mikki Sindhunata

Mikki Sindhunata

niche

Film Production

Director portfolio that splits the brand name into two giant ANTON SC slabs flanking a central video reel, with a tiny stacked MI/KK/I cross-logo, mono metadata column, and GSAP-driven scroll choreography on near-black.

Screenshot of Miux

Miux

niche

Creative Studio

The reference for warm-neutral boutique UX/UI studios — handwritten signature mark, cream-and-stone palette, restrained editorial type, horizontal-scroll-pinned case study reveal on an otherwise calm vertical page.

Screenshot of Niki Studio

Niki Studio

niche

Creative Studio

a Vietnamese digital design studio that opens on a colossal Monument Extended "NIKI" wordmark over a near-black, cinematically lit scene, with orange-suited collectible action figures as the work showcase and an industrial monospace-label HUD framing everything.

Screenshot of Nite Riot

Nite Riot

niche

Film Production

Los Angeles commercial production company portfolio — cream `#fcfaf5` light theme over pure black dark theme, ATF Alternate Gothic Condensed + Fixture grotesque, header-fixed live LA clock, narrow centred 9-tile project grid, and a `mix-blend-mode: difference` H1 that inverts as it crosses the hero image.

Screenshot of November

November

strong

Type Foundry

a type-foundry-and-design-studio site whose signature is a "Type-Toggle", the entire page can be re-rendered in any typeface from their own collection, wrapped around a tight, gridded flat-lay portfolio in black, white and one electric yellow.

Screenshot of Obys

Obys

strong

Creative Studio

The reference for Ukrainian award-show creative studio — bespoke serif on pure black, percentage-counter preloader, 1.6s cinematic transforms, polarised type scale.

Screenshot of Oddcommon

Oddcommon

strong

Creative Studio

a digital-experience studio that builds its homepage like one of its products, a fixed, gridded "operating system" screen on an off-white grain canvas, where an iridescent 3D ODC logo, a big Roobert headline, a single yellow block and live Mux video tiles sit inside hairline-ruled frames and move with spring physics.

Screenshot of Offfice For Future Furnishing

Offfice For Future Furnishing

flagship

Other

An Italian/Spanish/Swiss "Office for Future Furnishing" design studio whose site is pure minimalist confidence - a black canvas, near-white type, a custom-drawn line-art furniture iconography, oversized kinetic type and Lenis smooth scroll, presenting its work as a quiet, curated archive.

Screenshot of Orage Studio

Orage Studio

strong

Film Production

The reference for terminal/CLI-inspired creative studios — PPSupplyMono single-font, black + white + terminal-green palette, cursor-blink animations, 14-network-request page weight, 14-section editorial density.

Screenshot of Ottografie

Ottografie

niche

Photography

a Dutch beauty-and-fashion photographer's portfolio where a single huge Big Caslon word ("Beauty") floats among scattered editorial images on a warm pampas field, with a soft 5-second background cross-fade and a floating pill category selector doing all the navigation.

Screenshot of Pentagram

Pentagram

strong

Creative Studio

The reference for legendary multi-discipline design firms — filter-first home with sentence-form UI, work-grid-as-background, Plain sans, GSAP motion, 1728px wide canvas.

Screenshot of Phantom

Phantom

niche

Creative Studio

A London and Auckland creative-technology agency site that runs almost entirely on background video, with mono-typed system chrome and a single 14px corner radius as the only ornament — confident silence between motion.

Screenshot of Polecat

Polecat

niche

Creative Studio

a startup studio that throws out the scrolling landing page entirely and turns its homepage into an explorable illustrated island, a cartoon archipelago floating on a dotted cyan sea, divided into districts (Contacts Area, Service District, Works Town, About Island) you pan and zoom through, with info pins instead of a nav bar.

Screenshot of Portal One

Portal One

strong

Creative Studio

A Framer-built creative studio site where Inktrap display type, monochrome pure-black canvas, and large geometric SVG portals (tracks, wells, vortexes) carry the entire brand: a "creative gateway" rendered as actual gateways on every scroll.

Screenshot of Poster

Poster

niche

Film Production

a film and commercials production studio that runs a single enormous "POSTER" wordmark in Monument Extended across the top, a full-bleed showreel still behind it, and a dense ticker of project credits set in Azeret Mono along the bottom, with default-blue (#0000EE) links breaking the monochrome.

Screenshot of Ragged Edge

Ragged Edge

niche

Creative Studio

The reference for cult London branding agencies — Grit serif paired with ABC Diatype Expanded, near-black `#181F1F` on soft mint surfaces, fat 40-64px radii, and a video-saturated 11774px scroll that lets the work do the talking.

Screenshot of Rayraylab

Rayraylab

niche

Creative Studio

A one-person Korean web agency portfolio that signals craft through massive 230px display type, a forest-green dark band, and a single recurring grayscale humanoid as motif — minimalism with one strong visual punch.

Screenshot of Reform Collective

Reform Collective

niche

Creative Studio

The reference for serif-display motion-creative agency sites — cream `#F9F8EE` paper, serif/grotesk hybrid wordmark, sticker-style organic shapes, and a fixed top chrome that morphs the brand tagline letterforms.

Screenshot of Robot Tv

Robot Tv

niche

Film Production

A Southern African film production studio site that pits a bespoke shattered-slab display logomark against full-bleed film stills and a heavy WebGL/GSAP/Lenis motion stack to make the homepage feel like a 60-second commercial reel rather than a marketing page.

Screenshot of Samsy

Samsy

strong

Design Portfolio

The reference for award-winning single-developer creative portfolios — pure black canvas with a glowing red ninja-creature logomark, glitch-text keyframes, single-font Adobe Typekit minimalism.

Screenshot of Sarah Oh

Sarah Oh

niche

Design Portfolio

a playful Cargo.site motion-designer portfolio on white, where a single Diatype sentence introduces the person, lime-pill tags and emoji punctuate the copy, and glossy 3D-render thumbnails (a nautilus, a shrimp, a swan) do the talking.

Screenshot of Siena Film

Siena Film

niche

Film Production

The reference for boutique film-production studios — cream-on-black cinematic intro, three-typeface display system (heavy condensed display + romantic serif + neutral sans), and a Three.js / lil-gui WebGL canvas wrapped in a tutorial-led intro experience.

Screenshot of Stas Bondar

Stas Bondar

strong

Design Portfolio

a front-end developer's portfolio that proves its own craft, a near-black WebGL HUD where a giant outlined "stAbondAr" wordmark, a scattered field of numbered coordinate points and decode-scramble text move under Neue Machina type and a single hot red, all built, fittingly, on Astro.

Screenshot of Stokt

Stokt

niche

Creative Studio

The reference for Quebec creative studios with Swedish-umlaut wordmark — cream paper + chili-orange accent + 150px hero + 40-section density + Framer Motion + Lenis stack.

Screenshot of Stravagario

Stravagario

niche

Design Portfolio

The reference for the contemplative title-card portfolio — near-black canvas, a single italic literary quote, and a `0%` loader-as-content that treats arrival itself as the brand statement.

Screenshot of Studio Herrstrom

Studio Herrstrom

niche

Creative Studio

Pure-black editorial portfolio for a culture-shaping design studio, anchored by an uppercase serif display headline, four-pole nav chrome with a diacritic-stroke logomark, and a 2x2 grid of category-tagged case study tiles separated by hairline white rules.

Screenshot of Studio Null

Studio Null

niche

Creative Studio

A craft-led digital studio's portfolio where the preloader is the brand statement — blue gradient + film grain + serif/sans clash + tiny mono chrome, then the page loads.

Screenshot of Sun Hung

Sun Hung

niche

Design Portfolio

A Vietnamese solo-designer portfolio that leans hot magenta and ultra-bold display caps against near-black, then lets a Framer-driven motion stack push huge type, pinwheel graphics, and chromatic-aberration footer effects across a 21,000px scroll.

Screenshot of Supersolid

Supersolid

niche

Creative Studio

The reference for Sydney creative-agency portfolios — near-black canvas, single-headline hero with a tiny "Scroll to explore" indicator, then a tile-grid case study reel and a chromatic-aberration ROIdeas display moment.

Screenshot of T Ko

T Ko

niche

Design Portfolio

Anton Tvinenko's designer portfolio — Readymag + Three.js + Win98 loader nostalgia, Druk Condensed + Japanese system font, retro-web aesthetic.

Screenshot of Thingy And Thingy

Thingy And Thingy

niche

Creative Studio

The reference for "anti-advertising" agency sites that weaponise chaos — zodiac-named nav, draggable physics-pill bubbles, colour-blocked viewport sections, and four foundry display faces stacked into a deliberately overstuffed, irreverent identity.

Screenshot of Tux Creative

Tux Creative

niche

Creative Studio

A bicoastal independent creative house (LA + Montréal) whose site is built around one monumentally oversized custom display face (TuxPlaza at ~223px), a chrome-grey blurred-pill top nav, and full-bleed cinematic Vimeo case study reels — motion-heavy creative portfolio at indie-craft tier.

Screenshot of Twice

Twice

niche

Design Portfolio

Minimal duo-studio portfolio — single-font BL Melody on white, Nuxt + Sanity stack, playful 404 messaging ("Even as a duo, we can't find this one").

Screenshot of We Are Example

We Are Example

niche

Creative Studio

The reference for boutique hospitality-PR agencies — warm off-white canvas with deep navy ink, oversized American Grotesk Compressed display headlines, polaroid-style photo collage hero, and a soft Lenis-smoothed editorial rhythm.

Screenshot of Working Stiff Films

Working Stiff Films

niche

Film Production

Comedy film production company portfolio — cream paper + slate-blue near-black + red accent, GSAP+ScrollTrigger, 270px hero, "noise" film-grain keyframe.

Screenshot of Yellow Fellow

Yellow Fellow

niche

Film Production

a playful production company built entirely in olive-and-lemon, where a spinning sliced-lemon preloader, a winking eye logo and a thumbs-up cookie notice set a deliberately silly tone over a tight monospace-plus-serif type system, animated wall-to-wall with GSAP and ScrollTrigger.

Screenshot of Yerba Buena Engineering And Construction

Yerba Buena Engineering And Construction

strong

Other

A San Francisco civil/heavy construction contractor that wins federal, state and municipal trust by showing the hard jobs it has handled - a green-and-gold canvas over Golden Gate / Bay infrastructure photography, a "Challenges We've Overcome" checklist, a public-works project grid and a Caltrans engineer's testimonial.

Screenshot of Your Creative

Your Creative

niche

Creative Studio

a Melbourne and Sydney creative agency that runs warm off-white pages on an eight-column grid, sets everything in the Greed grotesque from 22px body up to a 250px hero, anchors the work in oversized numbered category headers ("Science & Innovation", tagged 20) and floats a blurred pill nav while a custom cursor and a soft 3D blob carry the personality.

Back to the full collection