Studio Null

Reference it for

• A preloader that is the brand statement — not a spinner, an actual designed screen with a tagline, a counter, an audio toggle, and a microcopy bottom-bar
• Blue gradient + animated noise as page background — rgba(42, 118, 188) -> rgba(24, 169, 205) -> rgba(65, 153, 199) (3 chromatic backgrounds) over a near-black rgb(27, 29, 34) body text colour
• Serif/sans typographic clash — Instrument Serif 36px uppercase for the tagline, Suisse Intl 10-12px for everything else
• Tight chrome typography — 12px text with a literal 12px line-height (1.0 leading), 0.12px letter-spacing on micro-labels
• A 4-size type scale (10 / 12 / 16 / 36px) — radically restrained for a portfolio
• Self-hosted Suisse Intl woff2 (4 weights) from _nuxt/ — Swiss Typefaces foundry classic
• Instrument Serif from Google Fonts as the only chromatic-style typography moment
• -0.9px letter-spacing on the 36px display — tight uppercase serif

Do not copy

• The "CRAFT-FOCUSED / DIGITAL DESIGN / & DEVELOPMENT / COLLECTIVE" tagline copy
• The butterfly mascot (Studio Null brand-coded)
• The blue gradient page exactly — pick a brand-aligned hue
• The Suisse Intl licence (Swiss Typefaces commercial font — substitute with Inter / Söhne / GT America)
• The audio-play preloader unless an actual track ships with the site
• The "Studio Null" name in any class prefix
• The Prismic repo name madebynullagain (an in-joke)
• The c-playlistcard component name (literal music metaphor, bespoke to Null)