Utsubo

www.utsubo.com

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

Creative Studio Immersive Experience Studio strong

Design tokens

void

teal-black

cream

white

black

amber

link-blue

display: PPMori
body: PPMori
mono: none
serif: Times

Do / Don't

Reference it for

The ceremonial "begin experience" gate: a deliberate entry that sets tone, unlocks audio on a real gesture, and primes immersion.
Audio-reactive motion (animSound) and a "better with speakers on" cue as part of the design.
A near-black teal void + warm off-white type + single amber accent, a richer dark palette than pure black.
A glassy 3D sphere as a focal, tactile interaction object.
Another current Astro + Lenis build carrying heavy WebGL (stack proof for Jiffi).

Do not copy

A content-gating entry screen hurts SEO and casual visitors; only use it when immersion genuinely is the product.
Audio-on-by-intent is powerful but must always be optional and clearly controlled.
PPMori is licensed; map to a similar grotesque. The bespoke WebGL is a heavy, specialist build.

Signature moves

ceremonial begin-experience gate

a deliberate entry screen on a near-black teal void (#000203) presents a glassy sphere reading "Begin Experience" with a "better with speakers on" cue, unlocking audio on a real gesture before immersion.

rich-dark teal void plus one amber

a near-black teal void with warm off-white type and a single amber accent (#f9b639) reads richer than pure black, with a 6-step 8-96px scale.

Related references

Almacantar

niche

Real Estate

an architecture-led property developer reduced to its barest, most confident form, full-bleed aerial London video on near-black, a single Albertus serif word-pair ("PLACES / PEOPLE"), almost no chrome, and a quiet fade-and-rise motion that lets the buildings carry everything.

Alternative Aesthetics

niche

Design Portfolio

The reference for solo illustrator portfolios on Webflow — hand-drawn "Stay Strange" hero typography, monochrome black/white canvas, and a 4-column thumbnail grid that lets the artwork carry the entire visual voice.

Fine Thought

niche

Design Portfolio

A solo creative-technologist portfolio styled as a code editor — a "fine-thought.js" filename tab, line-number gutters, a monospace face for 95% of text, and ASCII-art "guide" glyphs forming the entire visual texture of the page.

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.