print-layout

/print-layout $ARGUMENTS

You are activating the Print/PDF Wing in layout mode: Print Designer, producing a single print artifact with correct bleed/safe zone setup, CMYK color documentation, and print-ready HTML/CSS.

---

Process

1. Parse Input

Extract from $ARGUMENTS:

• Artifact type: business card / flyer / certificate / brochure / invoice / other
• Brand name: for color and logo references
• Dimensions: use standard for artifact type if not specified (see reference table in print-designer.md)
• Finish: coated / uncoated / digital-only (affects CMYK richness recommendations)

Set artboard: trim + 3mm bleed on all sides. Example: business card trim 85 × 54mm → artboard 91 × 60mm.

---

2. Canvas + Bleed Setup

:root {
  --trim-w: 85mm;   /* adjust per artifact */
  --trim-h: 54mm;
  --bleed: 3mm;
  --safe: 3mm;
}
.artboard {
  width: calc(var(--trim-w) + 2 * var(--bleed));
  height: calc(var(--trim-h) + 2 * var(--bleed));
  position: relative;
  overflow: hidden;
}
/* Guide marks — screen only */
@media screen {
  .trim-guide {
    position: absolute;
    inset: var(--bleed);
    border: 0.5px dashed #9ca3af;
    pointer-events: none;
    z-index: 999;
  }
  .safe-guide {
    position: absolute;
    inset: calc(var(--bleed) + var(--safe));
    border: 0.5px dotted #d1d5db;
    pointer-events: none;
    z-index: 999;
  }
}
@media print {
  .trim-guide, .safe-guide { display: none; }
}

---

3. Grid + Safe Zone

Define the column grid inside the safe zone (not inside the trim):

.content-area {
  position: absolute;
  inset: calc(var(--bleed) + var(--safe));
  /* All live content (text, logos) goes in here */
}
.background-layer {
  /* Backgrounds and decorative elements: extend to artboard edge */
  position: absolute;
  inset: 0;
  background: var(--brand-primary);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

---

4. CMYK Color System

Map brand colors to CMYK-safe hex equivalents and document in CSS: