CMC Design Studio

Video Walkthrough

Sorry for the audio quality, not sure what happened. Not my best work. I'll fix it sometime later…

Overview

Build a hat proof: add hat styles, choose colors, place logos, fill in the customer details, then export a PDF proof. Your work saves automatically in this browser as you go.

Toolbar buttons

• Add Template — opens the picker. Check one or more hat styles and click Add; each becomes its own panel below.
• New Proof — clears everything and starts fresh (new Proof ID and today's date).
• Save Proof — downloads a .save file capturing the entire proof (hats, colors, logos, and details) so you can reopen it later.
• Load Proof — reopen a .save file to keep editing.
• Export PDF — generates the printable proof: a cover page followed by one page per hat.
• ? — this help.

Proof Details (the cover page)

The panel at the top is your cover page. Type the Customer Name, Sales Contact, Date, and Notes directly onto it. The Proof ID is generated automatically. These print on page 1 of the PDF and are used in the file name (Customer_ProofID.pdf).

Adding & managing hats

Each hat has a preview on the left and a Configuration column on the right. Use Duplicate to copy a hat (keeping its colors) or Remove to delete it. You can add as many hats as the order needs.

Selecting colors

In a hat's Configuration column, every colorable part — Panel, Bill, Rope, and so on — has a row of color swatches. Click a swatch to recolor that part on the hat. Each hat is colored independently, and the Order Details list updates with the color names.

Adding logos

Each hat has one or more logo zones (e.g. Front and Side). Drag an image onto a zone, or click Browse Files. Once placed, drag the logo to reposition it and use the corner handles to resize. Select a logo and press Delete to remove it.

How logos are converted: your image is automatically resized to a web-friendly size. If it already has a transparent background (most brand logos do), it's placed as-is. If it has a solid background, the background is automatically removed so the logo sits cleanly on the hat.

Copying a logo to other locations

Click a placed logo to select it, then click the ⧉ Copy to… button that appears above it. A list shows every other logo location across all your hats — check the ones you want and click Copy to drop the same logo into each (at that spot's position).

Exporting & saving

• Export PDF builds the proof (cover + one page per hat) and downloads it.
• Save Proof / Load Proof let you store an editable .save file and pick up where you left off.
• Auto-recovery: your current work is saved in this browser automatically — if you refresh or accidentally close the tab, it comes back when you return. Use New Proof to start over.