Home/Work/Blankroom Clothing
Fashion

Blankroom Clothing.

A Melbourne-based private label atelier needed a digital presence that could attract emerging fashion designers. We built an editorial site with Bodoni serif authority, a fabric-forward palette, and a lookbook that sells the craft.

Client
Blankroom Clothing
Industry
Fashion / Private Label
Services
Web Dev, Brand, Design
Timeline
3 weeks
Year
2026
Blankroom Clothing website hero section showing editorial fashion imagery with Bodoni serif typography
01 — The brief

The problem

Blankroom Clothing is a Melbourne-based private label manufacturer specializing in small-batch production for emerging fashion brands. They handle everything from fabric sourcing to finished garments, with 50-unit minimums that make them accessible to independent designers.

The challenge: they looked like a factory, not a fashion house. Their B2B clients are designers with sharp aesthetic taste, and they were being judged by a website that didn't reflect the quality of the product. Emerging brands searching for a manufacturing partner needed to see craftsmanship, not clipart sewing machines.

The site needed to communicate three things: editorial-level design authority, a transparent production process from brief to delivery, and the kind of material quality that justifies their pricing to small brands watching every dollar.

02 — Design direction

Why it looks this way

We studied luxury fashion houses and independent ateliers — the brands that Blankroom's clients aspire to become. The common thread: editorial restraint. These sites read like fashion magazines, not manufacturing catalogues. Typography does the heavy lifting, imagery is curated not cluttered, and the layout breathes.

The warm beige background (#F3F0EA) was pulled directly from the world of natural textiles — raw cotton, unbleached linen, undyed silk. It immediately signals "fabric" without a single swatch photo. Against this, the deep charcoal (#16130F) type creates contrast without the harshness of pure black on white.

Bodoni Moda at 100.8px with -2px letter-spacing for the H1 creates that unmistakable magazine masthead feel. It says "fashion authority" before anyone reads a word. The chalk blue (#3E5C76) and clay rust (#7A2C22) accents are drawn from natural dye palettes — indigo and madder root — grounding the design in materiality.

Design principles

1. Editorial, not industrial. The site reads like a fashion lookbook, not a factory brochure. Typography and whitespace do the work.

2. Material authenticity. The warm beige palette mirrors raw fabrics. Colors reference natural dyes. Every visual choice connects back to textiles.

3. Process builds trust. A 5-step production flow (Brief, Fabric, Pattern, Sample, Delivery) demystifies manufacturing for first-time brand founders.

4. B2B with B2C polish. The audience is other businesses, but the aesthetic standard is consumer luxury. Designers choose partners who share their taste level.

What we rejected

Industrial imagery, factory floor photography, grid-heavy service layouts. The instinct with manufacturing sites is to show the machinery, the scale, the volume. We rejected all of that — Blankroom's value is in the craft, not the capacity.

We also rejected trendy sans-serif minimalism. Every DTC brand uses Inter or Helvetica. Bodoni Moda creates immediate differentiation — it signals heritage, expertise, and editorial credibility that a geometric sans never could.

03 — The design system

Palette, type, and grid

Color palette

Derived from the textile world: warm beige grounds the page in natural fabric tones, deep charcoal replaces harsh black, and the accent colors reference natural dye traditions.

#F3F0EA
#16130F
#3E5C76
#7A2C22
#726657

Typography

Display — Bodoni Moda
Private label, public ambition.
Body — Archivo
Clean sans-serif at 16px with generous line-height (1.6+). Bodoni Moda H1 at 100.8px with -2px tracking creates the editorial masthead feel. The contrast between old-style serif and modern sans builds visual hierarchy naturally.

Layout architecture

The page follows a fashion editorial narrative:

Hero (full-bleed dark section with model imagery + Bodoni headline) → About (atelier positioning, 50-unit minimums) → Fabric swatches (material showcase grid) → 5-step process (Brief → Fabric → Pattern → Sample → Delivery) → Lookbook (editorial photo gallery) → Quote form (conversion endpoint for emerging brands)

04 — The build

How we built it

Single-file HTML architecture. No framework, no build step, no dependencies beyond GSAP for scroll-driven animations. The site is fast, portable, and easy for the client to update.

Tech stack

HTML / CSS / JS GSAP ScrollTrigger Google Fonts Vercel

Key engineering decisions

Full-bleed dark hero. The hero section breaks from the warm beige body with a full-width dark background and model imagery. This creates a dramatic entry point and lets the Bodoni headline pop with maximum contrast before the user scrolls into the softer palette below.

Fabric swatch showcase. A grid of material samples with hover states that reveal fabric details — weight, composition, origin. This transforms what could be a boring specification list into a tactile, visual experience that speaks the designer's language.

5-step process flow. Horizontally laid out production steps with scroll-triggered reveals. Each step shows what the client provides and what Blankroom delivers, making the manufacturing journey transparent for first-time brand founders who've never worked with a private label partner.

Lookbook section. Masonry-style editorial photo grid that functions as both portfolio proof and aspirational content. Emerging designers see what's possible when they work with Blankroom — finished garments styled and shot at a level that matches their brand ambitions.

05 — The result

Live site

The finished site positions Blankroom as a fashion partner, not a factory. The editorial design language speaks directly to emerging designers, the process section builds trust, and the lookbook provides the visual proof that closes the deal.

Visit the live site →

Want something like this?

Tell us about your project. We'll come back with a first idea within hours.

Start a project on WhatsApp See more work ↓
← Previous Resonance Events Next → Origin Coffee