Project 01 / 07

MUSÍNE Studio

2026[ UI/UX, Web, Product, Brand ]
MUSÍNE Studio — website preview
Client
MUSÍNE Studio
Category
E-commerce · Built-in tools
Services
Colour system, UI/UX, E-commerce, Web tools
Stack
Shopify, JavaScript
Year
2026

An online print shop for a DTF studio in Walnut, California: the full storefront, plus the tools that run inside it.

(Brief)

A print shop sells by the inch, not by the item. Customers laid out sheets in Photoshop, guessed the price and waited for a quote.

(Solution)

Build the tools into the store: lay out a sheet, watch the price, add it to a Shopify cart. Wrap it in a yellow-and-blue colour system we made for the brand.

(01) — Colour

Their name. Our colours.

MUSÍNE Studio — Client wordmark · on Blu Uranus
Client wordmark · on Blu Uranus
MUSÍNE Studio — Client wordmark · on white
Client wordmark · on white

Primary

  • Empire Yellow#F8D20058%

    Pantone Yellow C, the purest yellow on a print swatch. Daylight in a room, a signal on a package.58% · Large grounds, packaging, signage

  • Blu Uranus#3D9BDC13%

    Taken from the Lamborghini Revuelto: a clean, solid blue that sits next to yellow without a fight.13% · Shapes, graphics, reverse grounds

Neutral

  • Cream#F7F4E822%

    22% · White space, inner pages

  • Black#1414147%

    7% · Type, wordmark, outlines

Pill length = share of each page

  1. 01All type is black

    Black on yellow holds about 13:1 contrast and reads at any size.

  2. 02A black line between blue and yellow

    The two sit close in lightness, so every blue shape gets a black outline.

  3. 03Blue once or twice per layout

    More blue flips the hierarchy. Blue never sets small text.

(02) — Typography

Loud as a sticker, exact as a job ticket

Headlines

Archivo ExtraBold

Width 112 · Weight 800 · Tight tracking · Headlines, prices

Body

Archivo

Width 100 · Weight 400 · Product copy, help text

Labels

JetBrains Mono

Uppercase · Wide tracking · Sizes, specs, steps

One grotesque family carries the voice. A monospace sets every size, price and spec, like the ticket pinned to a print job.

(03) — Built-in tools

Not just a store: the tools run inside it

MUSÍNE Studio — Gang Sheet Builder

01

Gang Sheet Builder

Drop in designs and they pack edge to edge on 22" film. The price grows with the sheet, and the files ride along to checkout.

  • Drag, rotate, nudge, auto-arrange
  • Live film usage and sheet price
  • Optional file check by a person
  • Adds straight to the Shopify cart
MUSÍNE Studio — Profit Calculator

02

Profit Calculator

Pick a product, set a price, add real costs. Profit, margin and break-even update as you type.

  • Presets for tees, hoodies and totes
  • Fees by sales channel
  • Price for a target margin
  • Transfer cost worked out from a gang sheet

(05) — Mobile

Desktop to mobile

MUSÍNE Studio — mobile screens

(Highlights)

What we shipped

  1. A colour system made from scratch: Empire Yellow × Blu Uranus
  2. Gang Sheet Builder: drag, auto-arrange and price on 22" film
  3. Profit Calculator: margin and break-even as you type
  4. Shopify checkout with the files attached to every order
  5. Shop, pricing, apparel and an academy in one site