Miux
madeinuxstudio.comThe 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.
Design tokens
- display
- __SSS_7de170 (custom, likely Söhne / GT America / Maison Neue class) — Next.js auto-renames self-hosted fonts so the foundry origin is masked
- body
- __SSS_7de170 (same family, weight differentiation only)
- mono
- none — Times used once for italic accent (1 hit)
Do / Don't
Reference it for
- Warm cream page rgb(247, 243, 237) (--brand-light) as the base — not white, not off-white, distinctly warm
- rgb(51, 51, 53) near-black (--brand-dark) for body — sits warmer than pure black
- Four-step stone-and-sand accent palette — #b9bdab sage, #d5c8b0 sand, #9e8f7b taupe, #986c32 toast — useful as section backgrounds rather than UI accents
- --dark-* opacity ramp tokens (7/10/15/20/30/40/50/70) for borders, dividers, muted text — single source of opacity rather than separate hex values
- Handwritten signature logomark (single brush-stroke "m") paired with a mono-feel tiny descriptor
- Two-line nav items: tiny eyebrow ("Projects ( 11 )") + heavier label ("Work") + thin arrow — packs context without dropdowns
- Single-family custom grotesque + Times for italic accent — restrained type system that still feels editorial
- Three-weight system (400, 500, 550) with 550 reserved for headlines — middle-weight headline trick
Do not copy
- The handwritten "m" signature logomark (custom to MIUX)
- The "Premium design for brands ready to be trusted, chosen, and remembered" headline
- The "Made In UX" / "MIUX Studio" stamp moment
- The Seattle-based positioning
- The "A studio crafting captivating digital experiences" tagline
- The custom __SSS_7de170 font (likely a licensed cut renamed by Next.js — pick a similar grotesque: Söhne, GT America, Maison Neue, or open-source Inter Tight / General Sans)
- The exact four-step stone-and-sand accent palette (substitute with the client's secondary palette)
- The horizontal-scroll-pinned case study section unless the brand has 4-6+ disciplines worth pinning
Signature moves
warm-neutral boutique palette + opacity ramps
a warm cream page (rgb(247,243,237)) with warmer near-black body (rgb(51,51,53)) and a four-step stone-and-sand accent palette used as section backgrounds, governed by a single dark/light opacity ramp (7/10/15/20/30/40/50/70) for borders, dividers and muted text.
horizontal-scroll-pinned case-study reveal
a horizontal-scroll-pinned case-study section with oversized numerals and four-discipline labels punctuates an otherwise calm vertical page, on a Lenis-smooth-scroll (no GSAP) feel.
single workhorse-easing boutique pace
one ease-out-quad easing (cubic-bezier(0.215,0.61,0.355,1)) runs across all ~10 transitions at slow durations (400-850ms) for a boutique, not product, pace, with a two-step radius (900px pill tags, 9px cards) and middle-weight (550) headlines.
Related references
Analogue
strongCreative 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.
Bindery
nicheFilm 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.
Brand Appart
strongCreative 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.
Dverso
strongCreative 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.