.mmm-dtf-wrap { color: #F5F4F2; font-family: ‘Poppins’, system-ui, sans-serif; }
.mmm-dtf-hero { background: radial-gradient(ellipse at top left, rgba(200,16,46,.18), transparent 55%), radial-gradient(ellipse at bottom right, rgba(255,69,0,.10), transparent 60%), #0A0A0A; padding: 80px 24px 72px; }
.mmm-dtf-hero .inner { max-width: 1100px; margin: 0 auto; }
.mmm-dtf-eyebrow { display: inline-block; font: 700 12px/1 ‘Poppins’,sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #FFB562; padding: 8px 14px; border: 1px solid rgba(255,181,98,.35); border-radius: 999px; margin-bottom: 18px; }
.mmm-dtf-h1 { font-size: clamp(32px, 5vw, 56px); font-weight: 900; line-height: 1.05; margin: 0 0 18px; color: #FFFFFF; }
.mmm-dtf-lede { font-size: clamp(16px, 1.4vw, 19px); line-height: 1.55; color: rgba(245,244,242,.85); max-width: 760px; margin: 0 0 28px; }
.mmm-dtf-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 8px; }
.mmm-dtf-btn { appearance: none; border: 0; cursor: pointer; padding: 16px 28px; border-radius: 10px; font: 700 13px/1 ‘Poppins’,sans-serif; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.mmm-dtf-btn-primary { background: linear-gradient(90deg,#C8102E 0%,#FF4500 100%); color: #FFFFFF; }
.mmm-dtf-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 28px -8px rgba(200,16,46,.55); color: #FFFFFF; }
.mmm-dtf-btn-ghost { background: transparent; color: #FFFFFF; border: 1px solid rgba(255,255,255,.25); }
.mmm-dtf-btn-ghost:hover { background: rgba(255,255,255,.06); color: #FFFFFF; }
.mmm-dtf-body { background: #0E0E0E; padding: 72px 24px; }
.mmm-dtf-body .inner { max-width: 1100px; margin: 0 auto; display: grid; gap: 36px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .mmm-dtf-body .inner { grid-template-columns: repeat(3, 1fr); } }
.mmm-dtf-card { background: #141414; padding: 32px; border-radius: 14px; border: 1px solid rgba(255,255,255,.05); }
.mmm-dtf-card h2 { font-size: 22px; font-weight: 800; margin: 0 0 14px; color: #FFFFFF; }
.mmm-dtf-card p { font-size: 15px; line-height: 1.6; color: rgba(245,244,242,.78); margin: 0; }
.mmm-dtf-cta-strip { background: linear-gradient(135deg,#0A0A0A 0%, #1A1A1A 40%, #8B0000 100%); padding: 64px 24px; text-align: center; }
.mmm-dtf-cta-strip .inner { max-width: 760px; margin: 0 auto; }
.mmm-dtf-cta-strip h2 { font-size: clamp(24px,2.6vw,36px); font-weight: 900; color: #FFFFFF; margin: 0 0 12px; }
.mmm-dtf-cta-strip p { color: rgba(245,244,242,.85); margin: 0 0 28px; font-size: 16px; }
.mmm-dtf-faq { background: #0E0E0E; padding: 64px 24px; }
.mmm-dtf-faq .inner { max-width: 860px; margin: 0 auto; }
.mmm-dtf-faq h2 { font-size: clamp(24px,2.6vw,32px); font-weight: 900; color: #FFFFFF; margin: 0 0 28px; text-align: center; }
.mmm-dtf-faq-item { background: #141414; border-radius: 10px; margin-bottom: 12px; border: 1px solid rgba(255,255,255,.05); }
.mmm-dtf-faq-item summary { cursor: pointer; padding: 18px 24px; font-weight: 700; color: #FFFFFF; font-size: 16px; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.mmm-dtf-faq-item summary::-webkit-details-marker { display: none; }
.mmm-dtf-faq-item summary::after { content: ‘+’; color: #FFB562; font-size: 22px; font-weight: 700; transition: transform .15s ease; }
.mmm-dtf-faq-item[open] summary::after { content: ‘-‘; }
.mmm-dtf-faq-item p { padding: 0 24px 20px; margin: 0; color: rgba(245,244,242,.78); line-height: 1.6; }
.mmm-dtf-related { background: #0A0A0A; padding: 64px 24px; }
.mmm-dtf-related .inner { max-width: 1100px; margin: 0 auto; }
.mmm-dtf-related h2 { font-size: clamp(22px,2.4vw,28px); font-weight: 800; color: #FFFFFF; margin: 0 0 28px; text-align: center; }
.mmm-dtf-related-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.mmm-dtf-related-card { background: #141414; padding: 22px; border-radius: 12px; border: 1px solid rgba(255,255,255,.05); text-decoration: none; transition: transform .15s ease, border-color .15s ease; }
.mmm-dtf-related-card:hover { transform: translateY(-2px); border-color: rgba(255,181,98,.35); }
.mmm-dtf-related-card h3 { font-size: 16px; font-weight: 700; color: #FFFFFF; margin: 0 0 6px; }
.mmm-dtf-related-card p { font-size: 13px; color: rgba(245,244,242,.6); margin: 0; }
DTF Gang Sheet Builder: Pack The Sheet, Pay For The Sheet, Not Per Design
A gang sheet is a single DTF sheet with multiple designs packed onto it. You pay for the sheet, not for each design. Most shops cut their DTF spend in half the first month they switch to gang sheets. MAD's builder lets you upload, arrange, and price your sheet in one pass.
Upload, arrange, price — in one tool
Drop your PNGs into the canvas. Drag them around to maximize coverage. The builder calculates sheet utilization and shows you the live price as you arrange. Hit Order when the layout is locked.
Art-spec checklist (read this before you upload)
PNG with transparent background. 300 DPI at print size. RGB color (we convert to CMYK in our profile). No drop-shadows that depend on a background color. No fonts under 8 points. No hair-thin strokes under 1pt. Leave 0.25" between adjacent designs for clean cutting.
Common rejection reasons (and how to avoid them)
JPG instead of PNG (no transparency). Low-res raster (under 150 DPI at print size). White art on transparent background with no white-ink flag set. Designs overlapping the sheet edge. Designs spaced too tightly to cut apart cleanly. Our pre-flight catches all of these before we charge you.
Build your first gang sheet — live pricing in the tool
The first sheet is the slowest. Most shops are 5x faster by the third sheet.
Frequently asked questions
What is a DTF gang sheet?
A single DTF sheet (typically 22"x22" or 22"x60") with multiple designs arranged on it. You pay for the sheet, not per design.
How much can I save with gang sheets?
Most shops cut their DTF spend 40-70 percent in the first month, depending on how efficiently they pack each sheet.
How many designs can fit on a 22"x60" gang sheet?
Depends on design size. A typical mix of left-chest and full-back designs fits 30-60 individual prints. The builder shows live utilization as you arrange.
Can I save a gang sheet layout and re-order it later?
Yes. Once you place an order, the layout is saved to your MAD account. Re-order with one click.
What if my art is rejected by the pre-flight?
You will see a specific reason (low-res, missing transparency, etc.) before you are charged. Fix the art and re-upload — no penalty.