Case study
Crimson Thread Studio
A streetwear brand built on an original manga. I own every part of it: the story, the identity, the garments, the storefront, and the marketing.
Role: Founder & Creative Director · Brand identity, apparel design, web, copy · 2025–present
24
Episodes written across three acts, complete
3
Piece collection, Act I
1,100
Accounts reached organically on 77 followers
$0
Paid media spend
Brand system · Version 2.0, September 2026
The brand book
Sixty-two pages, eight sections, built here as the page itself. Written so someone who has never met me could apply the brand correctly, and so the rules are checkable rather than tasteful.
Author and designer · Identity, colour, typography, iconography, application
00 · How to use this book
Two tiers, one world.
The identity is split in two, and knowing which half you are in answers most questions before you ask them.
Wordmark tier
The screen
Set in Bebas Neue on ink, crimson only where fate shows, and it never carries the seal. Site, shop, email, social, the reel.
Seal tier
The garment
The older mark, brush band and needle, in a muted brick and a brass that appear nowhere in the site's CSS. Print, embroidery, hangtags, packaging, woven labels.
Neither
The thread spectrum
Nine complete themes a reader can switch the whole site into, shop included. Documented because it is the largest design system in the brand and it is already built.
01 · The brand
The story sets the calendar.
Chapter 1, The Frayed Boy, is published, and Act I is a three-piece collection. The manga sets the pace and the product follows it: if the story slips, the calendar moves, and the art does not get rushed to hit a drop.
The audience is eighteen to twenty-eight, reads manga and webtoons, already buys streetwear, and is drawn to lore worth decoding. The consequence is a copywriting rule. Product copy never explains the symbol, because a reader who knows the chapter recognises it and a reader who does not has a reason to go find out. Explaining it destroys both.
Sacred law 1
“A thread without meaning is only string.”
Trial
Why do you weave?
02 · The mark
The logo carries its own ruler.
X is the cap height of the wordmark, and every spatial rule in the book is a multiple of X, so the logo carries its own ruler and nothing has to be remeasured when it changes size.
Tracking is six percent of the type size. That is a ratio and not a measurement, so it holds at any scale, and it is the only thing separating this from Bebas Neue set by anyone else. Do not re-space it by eye.
Clearspace is 1X on all four sides: no type, no rule, no photograph edge, no other mark. 1X is a floor and not a target, so on a page with room, more is better.
The seal, read as a diagram
Four phases on one continuous path, numbered in the order the loop travels. The loop has no beginning and no end, so each creation becomes the seed of the next. The needle is the maker's hand: the thread does not draw itself.
- 01
Idea
When the thread calls.
- 02
Craft
When hands give it form.
- 03
Meaning
When the creation takes on purpose beyond its maker.
- 04
Legacy
When it outlives him and calls to someone else.
Minimum size, set by printing it and looking at it
Both limits came from printing the marks and looking at them, not from picking a round number. Print and digital landing within a point of each other is a coincidence of this face and not a rule you can carry to another one. Drag the slider.
Rendered width 120px
Full lockup, three lines. Cleared for screen down to 120px and for print down to 32mm.
- Wordmark, print
- 32mm
- Wordmark, digital
- 120px
- Seal, print
- 24mm
- Seal, digital
- 96px
Eight things not to do
- 01
Stretch or condense
- 02
Re-type in another face
- 03
Add a drop shadow
- 04
Recolour outside the palette
- 05
Rotate or arc
- 06
Outline the letters
- 07
Place on a busy photograph
- 08
Use the seal on screen
The eighth is not a craft mistake. It is the tier split restated as a prohibition, which is how you can tell the split is load-bearing.
Sacred law 2
“Every imperfection is a signature, not a flaw.”
Trial
Create something collaboratively, surrendering ego to the work.
03 · Colour
Read off the site, not off a mood.
These are the values the interface is actually painted with, not colours chosen for a document. The Crimson core palette was read from the live site's CSS custom properties on 31 August 2026.
#0A0A0A
Ink
Primary ground: the site, the shop, the reel.
1.00:1 on ground · body FAIL · large FAIL
#F2F2F2
Bone
Type and marks on ink.
17.68:1 on ground · body PASS · large PASS
#DC2828
Crimson
Fate. The mark, statement, the one action.
4.13:1 on ground · body FAIL · large PASS
#A11228
Blood
Accent type. The one that passes on light.
2.48:1 on ground · body FAIL · large FAIL
#1F1F1F
Ash
Cards, panels, dividers on ink.
1.20:1 on ground · body FAIL · large FAIL
#8C8C8C
Smoke
Secondary type, captions, metadata, on ink only.
5.89:1 on ground · body PASS · large PASS
#5E5852
Stone grey
Secondary type on a light ground.
2.82:1 on ground · body FAIL · large FAIL
The seal palette, sampled from the artwork
Three colours taken from the seal itself, and explicitly not the site reds. The version 1 values are annotated where they moved.
These colours do not change with the thread because the seal belongs to the garment tier.
#973333
Brick
The brush band. Garment print and embroidery.
v1 was #903030
#BEA26B
Brass
The band's highlight. Foil, hangtags, thread.
v1 was #C09C60
#333333
Graphite
The serif and the needle.
v1 was #303030
3.3 Contrast, computed in the browser
The floors are 4.5:1 for body text and 3.0:1 above 24px. Every ratio is computed from the values painting the active theme, so the audit cannot drift from the page. A primary is a display and interface colour that generally cannot carry a paragraph. 3 pairings fail the 4.5:1 body floor on Crimson Thread, and all three use crimson: Primary on ground, Primary on card, Crimson on bone.
Crimson Thread · type on ground 17.68:1 · clears the 4.5:1 gate
| Foreground | On | Ratio | Body | Large | Ruling |
|---|---|---|---|---|---|
| Type · 5.14 gate | Ground | 17.68:1 | PASS | PASS | The 5.14 shipping gate. |
| Secondary text | Ground | 6.28:1 | PASS | PASS | Captions and supporting text. |
| Type | Card | 16.73:1 | PASS | PASS | Body text on panels. |
| Primary | Ground | 4.13:1 | FAIL | PASS | Interface and display colour. |
| Primary | Card | 3.90:1 | FAIL | PASS | Interface and display colour. |
| White | Primary | 4.80:1 | PASS | PASS | Primary button label. |
| Blood | Bone | 7.13:1 | PASS | PASS | Canonical artboard 23 pairing. |
| Smoke | Ink | 5.89:1 | PASS | PASS | Canonical artboard 23 pairing. |
| Crimson | Bone | 4.29:1 | FAIL | PASS | Canonical artboard 23 pairing. |
| Bone | Ash | 14.72:1 | PASS | PASS | Canonical artboard 23 pairing. |
Proportion
- Ground 62%
- Card 14%
- Type 14%
- Primary 6%
- Accent 4%
A page that is thirty percent crimson is not on brand, it is a warning label. If a layout needs more red, it usually needs less of everything else.
04 · Typography
One face for display, one for reading.
Bebas Neue is the active display face for headings and numerals. The Crimson Thread Studio wordmark remains Bebas Neue under every thread.
Space Grotesk is the active reading face and carries body copy, product descriptions, captions, interface and email.
Body copy sits at sixteen point on a 1.65 line height. Everything above it is a multiple and nothing below it exists.
Bebas Neue · 6% tracking · display only
- Display64pxA thread without meaning
- Section40pxA thread without meaning
- Subhead26pxA thread without meaning
- Lead21pxA thread without meaning
- Body16pxA thread without meaning
Body 16px / 1.65 · everything above it is a multiple · nothing below it exists
Emphasis: three ways, no fourth
- Weight
- Space Grotesk Medium inside a Regular paragraph. The quietest, and the one to reach for first.
- Colour
- Type on ground for reading, with Primary reserved for display and interface emphasis.
- Caps and tracking
- Bebas Neue at the same optical size as the body, for a label or a proper noun, never for a phrase.
Then the refusal. Italics do not exist in this system. Emphasis uses weight, colour or caps and tracking from the active thread.
05 · The thread spectrum
Nine themes, and you are running one.
In the Chronicles the First Weaver used distinct frequencies of thread at creation. Six are canon and three are corrupted, twisted by malice, trauma or contact with the Unraveling, still functional and warped from their original purpose.
On the site each is a complete theme with its own ground, type colour, accent, display typeface and motion signature. They are not tints of one palette. This page is running the system, and the dots above are the switcher.
紅
Crimson Thread
- Domain
- Fate & Destiny
- Romaji
- Kōshi
- Status
- canon
- Display face
- Bebas Neue
- Type on ground
- 17.68:1
- Primary on ground
- 4.13:1
- ground#0A0A0A
- type#F2F2F2
- card#121212
- border#262626
- primary#DC2828
- swatch#DC2626
What changes: the ground, the type colour, the card, the border, the accent, and the display typeface for headings. What holds: the grid, the spacing scale, the type scale, the layout of every page, and the wordmark.
The two values
The commonest error in the system is treating one value as the other. The identity swatch is the dot: how a thread is named in a list or a legend where nine sit next to each other and have to be told apart at twelve pixels. The applied primary is what the interface becomes when that thread is active, tuned for contrast against that theme's own ground.
Stone is the extreme case, a grey dot introducing a brown theme. Alabaster is the other, a near-white dot introducing slate blue. Both are correct because they answer different questions.
Each card runs its own motion signature. These are the animations the storefront ships, not illustrations of them.
Threadtype certification
The wordmark is not a heading, so a theme does not touch it. What a theme changes is the display face for headings, and only to a certified variant. Certification is measured: the variant must match the 9.60 pixel cap that Bebas holds at 120 pixels wide, so each face carries its own minimum width.
- Crimson ThreadBebas Neue120px
- Aurum ThreadPlayfair Display195px
- Argent ThreadRajdhani169px
- Alabaster ThreadCormorant Garamond213px
- Ebon ThreadAnton115px
- Multi-ChromaticOrbitron217px
- Venom ThreadChakra Petch186px
- Stone ThreadBitter192px
- Null ThreadSpace Mono195px
Photography never themes, because a product shot has to be the colour the garment will arrive in. Tinting product photography to match a theme is the one thing in this section that would cost a return.
A tenth theme ships only after its type colour measures 4.5:1 or better on its own ground. All nine here were measured, and the lowest is Null at 9.45:1.
06 · Pattern and iconography
One coloured thread in nine.
The Great Loom is a wall of vertical threads with one crimson thread running down its centre, and the pattern is that image drawn flat. One coloured thread in nine, which is the proportion rule from section 3 turned into a printable object. It tiles horizontally and never vertically, because a warp has a top and a bottom.
Eight icons, two colours
- The Needle
- The Knot
- The Loom
- The Scroll
- The Mark
- The Frayed Edge
- The Crimson Thread
- The Endless Thread
Two colours only: the line is ink and the thread is crimson. Nothing is built from a primitive shape library and nothing new gets added from one. A ninth icon is drawn by hand or it does not exist.
The icon set does not change with the thread because it belongs to the garment tier.
Reversal, as a ratio
On bone the line is ink, and on ink the line is brass. Ink on ink is 1.00:1 so the line has to change. Brass on ink clears, and brass on bone does not, which makes brass a reversal state and nothing else. The thread never inverts, because the thread is the subject, and crimson clears four to one on both grounds.
These reversal values do not change with the thread because the icons belong to the garment tier.
| Element | Colour | Ground | Ratio | State |
|---|---|---|---|---|
| Line | Ink | Bone | 17.68:1 | USABLE |
| Line | Ink | Ink | 1.00:1 | UNUSABLE |
| Line | Brass | Ink | 8.08:1 | USABLE |
| Line | Brass | Bone | 2.19:1 | UNUSABLE |
| Thread | Crimson | Ink | 4.13:1 | USABLE |
| Thread | Crimson | Bone | 4.29:1 | USABLE |
07 · Application
One source, out of deep shadow.
Imagery is low key: warm light out of deep shadow, one source. Product is shot clean and neutral so the garment reads, and lore art is shot dark so the world does. They never blend into one grid, because a product photograph next to a lore panel makes the product look like an illustration and the illustration look like a product.
Act I: Awakening is three pieces, each born from Chapter 1. Crimson Thread Brand Tee $50, The Hand of the Maker Tee $50, Crimson Thread Cap $30.
Placement, from the collar seam
Placement is specified from the collar seam and never from the hem, because hems move across sizes and collars do not. Front chest is centred with the top of the graphic 3 inches below the collar seam. Left chest is 3.5 inches from centre at the same drop.
Embroidery holds detail down to about one inch. Below that the brush band fills in and the mark becomes a blob, which is the same limit the minimum size page set for print, reached from the other direction.
A graphic that crosses a seam reads as broken from every angle except straight on, which is the one angle nobody wears it from.
Packaging
The hangtag is the only surface where the seal, the warp and a chapter reference appear together. Front is the seal in brick and brass on uncoated stock. Back is the chapter the piece came from, one line, nothing else.
Uncoated on purpose, because brass is a foil colour that needs a surface which absorbs, so the mark sits in the stock instead of on it. Woven neck labels carry the monogram rather than the seal, because at neck label scale the brush band is gone anyway.
The hangtag does not change with the thread because it is print in the garment tier.
The site
Crimson Thread uses its ground, type and primary roles across the site. The seal stays out of the screen tier, which is a rule and not an oversight.
crimsonthreadstudio.comComponents
Three button levels and no fourth. Primary is add to cart or join the thread, one per view. Secondary is read the chapter or view the drop. Tertiary is cancel, back, anything reversible. A page with two primary buttons has no primary button.
Card
Card on ground, a one pixel border, a two pixel radius, no shadow. The separation comes from the active card and border roles.
Rule
One pixel of the active border at full strength, never a gradient and never the active primary, because primary rules read as errors.
Three emails on a six day welcome sequence, built as a card on a surround so it survives dark mode. The live screen treatment follows the active ground, card, type and border roles.
Primary is the button fill only, and accent is secondary emphasis. Every background that carries meaning is baked into the image, because a client that strips CSS still renders pixels.
Sacred law 3
“When inspiration calls, it must be followed.”
Trial
What thread do you fear most to follow?
Closing
What holds it together.
Every limit is derived and the derivation is printed. The minimum sizes came from printing the marks and looking at them, the contrast table is computed from the swatches two pages earlier, threadtype certification is a cap height in pixels, icon reversal is a ratio. Nothing in the book asks to be taken on authority.
Every prohibition names what it is protecting. No italics because neither face ships one, no seal on screen because the tiers are separate, no tinted product photography because it would cost a return. A rule with its reason attached survives a handoff, and a rule without one gets negotiated away by the first person who finds it inconvenient.
The lore and the spec are the same document. Aurum holds still because craft is not a performance, Venom drips downward because corruption spreads with gravity. Those are motion specifications and character notes at once, which is why an eight second tremor with a single crack in it is a decision somebody can defend in a review.
“A thread without meaning is only string.”
Previous project
← Severn ReachNext project
Act I: Launch Reel →