Work pages

54 sites with a deeply-analysed work page , across design portfolio, creative studio, film production, trades, other, type foundry, photography. 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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