Creative Studio references

34 deeply-analysed creative studio sites, 6 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, services, about, blog, contact, article).

Screenshot of Active Theory

Active Theory

flagship

Creative Studio

The reference for a pure void hero (#000000) where a single iridescent 3D logo artifact IS the interface and all chrome shrinks to hairline uppercase monospace labels floating in the corners.

Screenshot of Agence K72

Agence K72

flagship

Creative Studio

The reference for radical black-and-white agency minimalism where one chartreuse spark (#d3fd50) and 137px Lausanne headlines at 0.70 line-height carry the entire identity.

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 Awwwards

Awwwards

flagship

Creative Studio

The reference for a ruthlessly achromatic editorial gallery where one 120px+ ink-black display title (#222222 on a warm #e9e9e9 canvas) carries the whole page and a single floating dark tab bar is the only chrome over full-bleed hero photography.

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

Exo Ape

flagship

Creative Studio

The reference for a full-bleed cinematic photo hero (Venice at blue hour) overpowered by a colossal white Lausanne neo-grotesque headline set at 144 to 250px with negative tracking, no accent colour, no filled buttons.

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

School

flagship

Creative Studio

The reference for treating a creative studio portfolio as a playable desktop OS: rounded white widget cards on a warm tan-to-grey wash, every label set in IBM Plex Mono parentheses like (Y)our profile., with a build-your-own avatar, a live colour wheel, and a joke captcha as the actual content.

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