Creative Studio references

50 deeply-analysed creative studio sites , 4 flagship-tier. Each carries the design tokens, the do and don't rules, the signature moves and the section anatomy, so an AI builder grounds a creative studio brief in how the best sites actually build it (home, work, case study, about, blog, contact, careers, services).

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 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 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 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 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 Hnine

Hnine

niche

Creative Studio

A Seoul interaction-design studio's experimental subsite, built as a React SPA on a viewport-scaled (`calc(100vw/1920)`) coordinate system, where almost everything lives behind interaction so the initial DOM is intentionally empty.

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 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 Karo Crafts

Karo Crafts

niche

Creative Studio

NYC creative studio + merch shop — "unification of artwork, fashion, music & video", Helvetica + ultra-blue accent, Nuxt + Prismic stack, 229px hero.

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 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 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 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 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 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 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 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 Sami Marketing

Sami Marketing

niche

Creative Studio

A Ukrainian influence-marketing agency with a confident calm-grey canvas, a percentage-counting preloader, and one statement headline ("478 млн / reach collected in 2024") set in custom grotesk.

Screenshot of Soscale

Soscale

niche

Creative Studio

The reference for Swedish performance-marketing agencies that lead with creative rather than media-buying — pure-black canvas, oversized SOSCALE wordmark hero, lavender pill CTA, and a Webflow + GSAP + Lenis motion stack borrowed wholesale from the global studio scene.

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 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 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 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 Utsubo

Utsubo

strong

Creative Studio

an audio-led immersive WebGL studio that makes you knock before entering, a near-black teal void, a glassy sphere reading "Begin Experience" and "better with speakers on", then a PPMori-set, amber-accented experience with the tagline "Expect the Unexpected".

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 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