MK Sons is a denim manufacturer based in Faisalabad, Pakistan, producing up to 10,000 pairs of jeans a day under one roof. Established in 1988, the company has operated its denim division since 2020.
Every product begins in the development centre, where fabric, wash and construction are refined and approved before production starts. Once the product is right, it can be made consistently at scale.
The Fade Index is the record of that development work. Every wash that has been approved is photographed to a fixed protocol and filed with the fabric it was developed on, its recipe, and its water and chemistry figures. A designer in Amsterdam can see what is available in Faisalabad without having to ask for it.
It holds three libraries. House is everything made here. Vintage is original garments, studied for what they show. Materials is the approved fabrics the other two are built on. All three are numbered in one continuous register.
The Fade Index uses its own palette, separate from the paper and parchment of the public site at mksons.dev. It is black, white, the greys, and one blue. The blue, a deep indigo at #111E4A, does every coloured job: accents, links and status. No page uses more than one dark field.
Three typefaces, each with one job.
.numo), at 500 weight. The numeral itself is always set in the serif. Playfair never sets titles, headings or running text.Each garment record carries an identification code, used to file it and find it again. It is an internal reference and nothing more: the record itself holds the fabric, the recipe and the figures. The code runs in six positions, always in this order, and position carries the meaning, so it needs no labels.
One code, decoded. Nº 214 is IN-GN·M·F1·R·U: indigo, green cast, mid wash, whisker finish, rigid, gender unknown. Stretch and gender describe the garment rather than the wash, and sit in the same line so that one code identifies one garment completely. The entry date on a record (entered 9/25) is a filing field rather than a position in the code; it records when the garment reached the library. Fabrics on the Materials shelf carry their own line, weight and weave, and take no code.
One library at a time, at library.html?lib=vintage|house|materials. The register runs as rows: a large accession numeral fronted by the Playfair Nº mark, and a specimen window on the right that changes as the pointer moves down the rows. Every specimen is currently a tone swatch standing in for the protocol photography, for garments and fabrics alike. Clicking the specimen opens the record it is showing.
Rows expand in place on click. ↑ and ↓ walk the register, Enter opens a row and Esc closes it. Inside an open row, Open the record goes to library.html?id=…, which shows the record in full: the plates stacked on the left, the record held in place on the right while they scroll, the development story where one has been written, and a closing band of related records.
Records point at each other. A vintage garment points to the wash developed from it, a wash points back to the garment it answers, and a fabric points to the washes it has been used on. Clicking a reference opens that row in place if it is already on the page, or goes to its library with the row already open.
Before a season is launched, MK Sons sends a proposal. The Private View is that proposal, at private-view.html, with one page of it at a time at private-view.html?p=…. The Summer 27 view holds nine proposed washes, seventeen fit blocks, five sets of details, twenty-four garments already in the archive, and eight capsules for the client to mark. The client's own reference boards are reproduced as received, with nothing renamed.
It is built from the same parts as the register rather than from its own kit. The contents page uses the register's section heads and its rows, with the Playfair Nº mark fronting each wash number and each capsule letter. One page of the proposal uses the record's facts table. Where a photograph has not been taken or exported yet, the frame falls back to the same tone stand-in the register uses, so the page holds its shape either way.
Each of the nine proposed washes is written in the identification code above, so a wash on offer and a wash already in the Index can be read the same way. The codes are a proposal like everything else on the page: they are confirmed against the cloth when the lab dips come back, and the wash then enters the House library under its own accession number.
The rail on the left is the section list from the register, stood on its side, because twenty-two pages need an index that stays put. ← and → walk the proposal, Esc closes the viewer, and the browser's back button follows the same list. The viewer is white, after the spec sheet, so the black bar remains the only dark field on the page.
The menu icon sits at the left of the black bar in the register, with the wordmark centred. Clicking it opens a black dropdown below: Vintage, House, Materials. Each item opens that library (library.html?lib=…), and the current library is marked in blue. The menu closes on an outside click or Esc. This document carries the bar without the menu — it is one page, with nothing to navigate between.
Write in plain English. Say what a thing is and what it does, in complete sentences, and use the same word for the same thing throughout. Avoid clipped fragments used for effect, closing lines that reach for an aphorism, and any account of what an earlier build did.
Trade terms are not jargon. Hand, cast, whisker, selvedge and loomstate are the right words for what they describe and should be used plainly. Values from the identification code are taken from the legend above and never invented.
New copy is grounded in a record's actual facts, such as a water figure, a recipe step or a count, rather than invented. Record notes and vintage studies are a separate case: each one is an observation of a specific garment, written when it was filed, and they stay as written.
fade-neue/assets/, using the same filenames the Claude Design source used. Until that folder is exported, every frame shows its tone stand-in and the page is otherwise complete.