Miux

madeinuxstudio.com

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.

Creative Studio Ux Brand Studio niche

Design tokens

brandLight
brandDark
ink
sage
sand
taupe
toast
dark07
dark10
dark15
dark20
dark30
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.