Color Copy Paper Guide: 20lb vs 24lb vs Cardstock

#cfp-post-rewrite-82 { font-family: “Segoe UI”, system-ui, sans-serif; line-height: 1.7; color: #1f2937; max-width: 100%; } #cfp-post-rewrite-82 .cfp-takeaway { background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 12px; padding: 18px 20px; margin: 0 0 24px; } #cfp-post-rewrite-82 .cfp-toc { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px 22px; margin: 24px 0; } #cfp-post-rewrite-82 .cfp-toc ul { margin: 8px 0 0; padding-left: 20px; } #cfp-post-rewrite-82 .cfp-editor-note { background: #eff6ff; border-left: 4px solid #3b82f6; border-radius: 8px; padding: 14px 18px; margin: 24px 0; font-size: 0.95rem; } #cfp-post-rewrite-82 .cfp-testimonial { background: #f0fdf4; border-left: 4px solid #059669; border-radius: 8px; padding: 16px 20px; margin: 28px 0; font-size: 0.95rem; } #cfp-post-rewrite-82 .cfp-testimonial p { margin: 0 0 8px; text-align: left; } #cfp-post-rewrite-82 .cfp-caution { background: #fffbeb; border: 1px solid #fcd34d; border-radius: 12px; padding: 16px 18px; margin: 24px 0; } #cfp-post-rewrite-82 .cfp-protip { background: #ecfdf5; border-radius: 12px; padding: 16px 18px; margin: 24px 0; } #cfp-post-rewrite-82 table:not(.cfp-chart-table) { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 0.95rem; } #cfp-post-rewrite-82 table:not(.cfp-chart-table) th { background: #059669; color: #fff; padding: 12px; text-align: left; } #cfp-post-rewrite-82 table:not(.cfp-chart-table) td { border: 1px solid #e5e7eb; padding: 11px 12px; } #cfp-post-rewrite-82 table:not(.cfp-chart-table) tr:nth-child(even) td { background: #f9fafb; } #cfp-post-rewrite-82 table.cfp-chart-table { border: 0; margin: 12px 0; } #cfp-post-rewrite-82 table.cfp-chart-table td { border: 0; background: transparent; } #cfp-post-rewrite-82 p { text-align: justify; hyphens: auto; } #cfp-post-rewrite-82 .cfp-takeaway, #cfp-post-rewrite-82 .cfp-toc, #cfp-post-rewrite-82 .cfp-editor-note, #cfp-post-rewrite-82 .cfp-testimonial, #cfp-post-rewrite-82 .cfp-caution, #cfp-post-rewrite-82 .cfp-protip, #cfp-post-rewrite-82 .cfp-cta-card, #cfp-post-rewrite-82 .cfp-faq, #cfp-post-rewrite-82 .cfp-author, #cfp-post-rewrite-82 .cfp-related, #cfp-post-rewrite-82 .cfp-template-card, #cfp-post-rewrite-82 th, #cfp-post-rewrite-82 figcaption { text-align: left; } #cfp-post-rewrite-82 figure.cfp-img-left { float: left; max-width: 38%; width: 38%; margin: 6px 20px 14px 0; padding: 0; border: 0; border-radius: 12px; box-shadow: 0 4px 14px rgba(0,0,0,.08); overflow: hidden; background: #fff; shape-outside: margin-box; } #cfp-post-rewrite-82 figure.cfp-img-right { float: right; max-width: 38%; width: 38%; margin: 6px 0 14px 20px; padding: 0; border: 0; border-radius: 12px; box-shadow: 0 4px 14px rgba(0,0,0,.08); overflow: hidden; background: #fff; shape-outside: margin-box; } #cfp-post-rewrite-82 figure.cfp-img-left + p, #cfp-post-rewrite-82 figure.cfp-img-right + p { margin-top: 0; } #cfp-post-rewrite-82 .cfp-float-wrap { margin: 24px 0; } #cfp-post-rewrite-82 .cfp-float-wrap::after { content: “”; display: table; clear: both; } #cfp-post-rewrite-82 .cfp-float-wrap > h3:first-child, #cfp-post-rewrite-82 .cfp-float-wrap > p:first-child { margin-top: 0; } #cfp-post-rewrite-82 .cfp-float-wrap figure.cfp-img-left + p, #cfp-post-rewrite-82 .cfp-float-wrap figure.cfp-img-right + h3, #cfp-post-rewrite-82 .cfp-float-wrap figure.cfp-img-right + p { overflow: hidden; } #cfp-post-rewrite-82 .cfp-hero-block { margin: 0 0 28px; } #cfp-post-rewrite-82 .cfp-hero-block figure.cfp-showcase { margin-bottom: 0; } #cfp-post-rewrite-82 figure.cfp-showcase.cfp-showcase-branded { display: block; width: 100%; max-width: 100%; margin: 0 0 28px; padding: 0; border: none; border-radius: 0; box-shadow: none; background: transparent; overflow: visible; box-sizing: border-box; } #cfp-post-rewrite-82 figure.cfp-showcase.cfp-showcase-branded img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; border-radius: 0; box-shadow: 0 10px 40px rgba(15, 23, 42, 0.12); transform: none !important; } #cfp-post-rewrite-82 figure.cfp-showcase.cfp-showcase-branded figcaption { display: none; } #cfp-post-rewrite-82 .cfp-hero-block figure.cfp-showcase.cfp-showcase-branded { margin-bottom: 0; } #cfp-post-rewrite-82 figure.cfp-img-left img, #cfp-post-rewrite-82 figure.cfp-img-right img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; box-shadow: none; } #cfp-post-rewrite-82 figure.cfp-img-left figcaption, #cfp-post-rewrite-82 figure.cfp-img-right figcaption { font-size: 0.82rem; color: #64748b; line-height: 1.45; padding: 10px 12px 12px; margin: 0; background: #f8fafc; border-top: 1px solid #e2e8f0; } #cfp-post-rewrite-82 .cfp-img-full { display: block; max-width: 100%; margin: 24px auto; border-radius: 12px; box-shadow: 0 4px 14px rgba(0,0,0,.08); } #cfp-post-rewrite-82 figure.cfp-img-full { display: block; max-width: 100%; margin: 24px auto; border-radius: 12px; box-shadow: 0 4px 14px rgba(0,0,0,.08); overflow: hidden; background: #fff; } #cfp-post-rewrite-82 figure.cfp-img-full img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; box-shadow: none; } #cfp-post-rewrite-82 figure.cfp-img-full figcaption { font-size: 0.82rem; color: #64748b; line-height: 1.45; padding: 10px 12px 12px; margin: 0; background: #f8fafc; border-top: 1px solid #e2e8f0; text-align: left; } #cfp-post-rewrite-82 figure.cfp-showcase { margin: 8px 0 32px; border-radius: 16px; overflow: hidden; border: 1px solid #d1fae5; box-shadow: 0 16px 48px rgba(5, 150, 105, 0.14); background: #fff; } #cfp-post-rewrite-82 figure.cfp-showcase img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; box-shadow: none; } #cfp-post-rewrite-82 figure.cfp-showcase figcaption { font-size: 0.9rem; color: #334155; line-height: 1.5; padding: 14px 18px 16px; margin: 0; background: linear-gradient(180deg, #ecfdf5 0%, #f8fafc 100%); border-top: 1px solid #a7f3d0; font-weight: 500; } #cfp-post-rewrite-82 .cfp-hero-band { margin: 0; border: 1px solid #a7f3d0; border-top: none; border-radius: 0 0 16px 16px; background: linear-gradient(135deg, #ecfdf5 0%, #f8fafc 55%, #eff6ff 100%); box-shadow: 0 12px 32px rgba(5, 150, 105, 0.1); } #cfp-post-rewrite-82 .cfp-hero-band-inner { padding: 20px 22px 22px; } #cfp-post-rewrite-82 .cfp-hero-eyebrow { display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #047857; background: #d1fae5; border-radius: 999px; padding: 5px 12px; margin-bottom: 10px; } #cfp-post-rewrite-82 .cfp-hero-headline { display: block; font-size: clamp(1.25rem, 2.5vw, 1.65rem); line-height: 1.25; color: #0f172a; margin: 0 0 10px; } #cfp-post-rewrite-82 .cfp-hero-headline em { font-style: normal; color: #059669; } #cfp-post-rewrite-82 .cfp-hero-sub { margin: 0 0 14px; color: #475569; font-size: 0.98rem; max-width: 62ch; } #cfp-post-rewrite-82 .cfp-hero-badges { display: flex; flex-wrap: wrap; gap: 8px; } #cfp-post-rewrite-82 .cfp-hero-badge { font-size: 0.82rem; font-weight: 600; color: #065f46; background: #fff; border: 1px solid #86efac; border-radius: 999px; padding: 6px 12px; } #cfp-post-rewrite-82 .cfp-clearfix { clear: both; display: block; width: 100%; height: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; } #cfp-post-rewrite-82 .cfp-clearfix::after { content: “”; display: table; clear: both; } #cfp-post-rewrite-82 h2, #cfp-post-rewrite-82 h3, #cfp-post-rewrite-82 table, #cfp-post-rewrite-82 .cfp-caution, #cfp-post-rewrite-82 .cfp-protip, #cfp-post-rewrite-82 .cfp-testimonial, #cfp-post-rewrite-82 .cfp-cta-card, #cfp-post-rewrite-82 .cfp-takeaway { clear: both; } #cfp-post-rewrite-82 .cfp-cta-card { display: flex; gap: 18px; align-items: center; background: #f0fdf4; border: 1px solid #86efac; border-radius: 14px; padding: 20px; margin: 32px 0; } #cfp-post-rewrite-82 .cfp-cta-card a { display: inline-block; background: #2563eb; color: #fff !important; padding: 12px 22px; border-radius: 8px; text-decoration: none; font-weight: 600; } #cfp-post-rewrite-82 .cfp-template-card { background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 14px; padding: 18px 20px; margin: 28px 0; } #cfp-post-rewrite-82 .cfp-tools-card { background: #eff6ff; border: 1px solid #93c5fd; border-radius: 14px; padding: 18px 20px; margin: 28px 0; } #cfp-post-rewrite-82 .cfp-tools-card ul, #cfp-post-rewrite-82 .cfp-template-card ul { margin: 10px 0 8px; padding-left: 1.25rem; } #cfp-post-rewrite-82 .cfp-tools-card a, #cfp-post-rewrite-82 .cfp-template-card a { color: #2563eb; font-weight: 600; } #cfp-post-rewrite-82 .cfp-faq details { border: 1px solid #e5e7eb; border-radius: 10px; padding: 12px 16px; margin-bottom: 10px; background: #fff; } #cfp-post-rewrite-82 .cfp-author { border-top: 1px solid #e5e7eb; margin-top: 40px; padding-top: 24px; font-size: 0.95rem; } #cfp-post-rewrite-82 .cfp-related { background: #f8fafc; border-radius: 14px; padding: 20px; margin-top: 32px; } #cfp-post-rewrite-82 .cfp-related a { color: #2563eb; } #cfp-post-rewrite-82 .cfp-stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 28px 0; } #cfp-post-rewrite-82 .cfp-stat { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px 12px; text-align: center; } #cfp-post-rewrite-82 .cfp-stat-num { display: block; font-size: 1.15rem; font-weight: 700; color: #059669; } #cfp-post-rewrite-82 .cfp-stat-label { display: block; font-size: 0.78rem; color: #64748b; margin-top: 4px; } #cfp-post-rewrite-82 .cfp-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 28px 0; } #cfp-post-rewrite-82 .cfp-pros, #cfp-post-rewrite-82 .cfp-cons { border-radius: 12px; padding: 16px 18px; font-size: 0.95rem; } #cfp-post-rewrite-82 .cfp-pros { background: #f0fdf4; border: 1px solid #bbf7d0; } #cfp-post-rewrite-82 .cfp-cons { background: #fff7ed; border: 1px solid #fed7aa; } #cfp-post-rewrite-82 .cfp-pros ul, #cfp-post-rewrite-82 .cfp-cons ul { margin: 8px 0 0; padding-left: 1.2rem; } #cfp-post-rewrite-82 .cfp-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 28px 0; } #cfp-post-rewrite-82 .cfp-step { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px; } #cfp-post-rewrite-82 .cfp-step-num { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #059669; color: #fff; font-size: 0.85rem; font-weight: 700; margin-bottom: 8px; } #cfp-post-rewrite-82 .cfp-step p { margin: 6px 0 0; font-size: 0.9rem; text-align: left; } #cfp-post-rewrite-82 .cfp-pullquote { margin: 28px 0; padding: 18px 22px; border-left: 4px solid #059669; background: #ecfdf5; border-radius: 0 12px 12px 0; font-size: 1.05rem; font-style: italic; } #cfp-post-rewrite-82 .cfp-pullquote p { margin: 0; text-align: left; } #cfp-post-rewrite-82 .cfp-checklist ul { list-style: none; padding: 0; margin: 12px 0; } #cfp-post-rewrite-82 .cfp-checklist li { padding: 10px 0 10px 32px; position: relative; border-bottom: 1px solid #f1f5f9; } #cfp-post-rewrite-82 .cfp-checklist .cfp-check { position: absolute; left: 0; color: #059669; font-weight: 700; } #cfp-post-rewrite-82 .cfp-cta-band { background: linear-gradient(135deg, #059669 0%, #047857 100%); color: #fff; border-radius: 14px; padding: 24px 26px; margin: 32px 0; } #cfp-post-rewrite-82 .cfp-cta-band p { color: #ecfdf5; text-align: left; } #cfp-post-rewrite-82 .cfp-cta-band a { display: inline-block; background: #fff; color: #047857 !important; padding: 11px 20px; border-radius: 8px; text-decoration: none; font-weight: 600; margin-right: 10px; margin-top: 8px; } #cfp-post-rewrite-82 .cfp-cta-compact { border: 2px dashed #86efac; border-radius: 12px; padding: 16px 18px; margin: 28px 0; text-align: left; } #cfp-post-rewrite-82 .cfp-cta-compact a { color: #2563eb; font-weight: 600; } #cfp-post-rewrite-82 .cfp-toc-minimal { background: transparent; border: none; padding: 0; margin: 20px 0; } #cfp-post-rewrite-82 .cfp-toc-minimal ul { display: flex; flex-wrap: wrap; gap: 8px 16px; list-style: none; padding: 0; margin: 8px 0 0; } #cfp-post-rewrite-82 .cfp-toc-minimal li { margin: 0; } #cfp-post-rewrite-82 .cfp-template-spotlight { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 28px 0; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; background: #fff; } #cfp-post-rewrite-82 .cfp-tpl-spot-visual img { display: block; width: 100%; height: 100%; object-fit: cover; } #cfp-post-rewrite-82 .cfp-tpl-spot-copy { padding: 20px 22px; } #cfp-post-rewrite-82 .cfp-template-grid { margin: 28px 0; padding: 20px; background: #f8fafc; border-radius: 14px; border: 1px solid #e2e8f0; } #cfp-post-rewrite-82 .cfp-tpl-grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; margin: 16px 0; } #cfp-post-rewrite-82 .cfp-tpl-card { display: block; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px; text-decoration: none; color: inherit; } #cfp-post-rewrite-82 .cfp-tpl-card img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 8px; } #cfp-post-rewrite-82 .cfp-tpl-card-size { display: inline-block; font-size: 0.72rem; font-weight: 700; color: #059669; margin-bottom: 4px; } #cfp-post-rewrite-82 .cfp-tpl-card strong { display: block; font-size: 0.9rem; margin-bottom: 4px; } #cfp-post-rewrite-82 .cfp-tpl-card span:last-child { font-size: 0.78rem; color: #64748b; line-height: 1.4; } #cfp-post-rewrite-82 .cfp-template-links { margin: 24px 0; padding: 18px 20px; background: #fff; border: 1px dashed #cbd5e1; border-radius: 12px; } #cfp-post-rewrite-82 .cfp-tpl-links-list { margin: 10px 0; padding-left: 1.25rem; } #cfp-post-rewrite-82 .cfp-tpl-links-list a { font-weight: 600; color: #2563eb; } #cfp-post-rewrite-82 .cfp-tools-compact { margin: 24px 0; padding: 16px 18px; background: #eff6ff; border-radius: 12px; border: 1px solid #bfdbfe; } #cfp-post-rewrite-82 .cfp-tools-compact-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; margin: 12px 0; } #cfp-post-rewrite-82 .cfp-tool-compact { display: block; text-decoration: none; color: inherit; font-size: 0.88rem; } #cfp-post-rewrite-82 .cfp-tool-compact span { color: #64748b; } #cfp-post-rewrite-82 .cfp-tools-inline { margin: 20px 0; padding: 12px 16px; background: #f1f5f9; border-radius: 10px; font-size: 0.9rem; line-height: 1.6; } #cfp-post-rewrite-82 .cfp-tools-inline a { color: #2563eb; font-weight: 600; } #cfp-post-rewrite-82 .cfp-resource-block { margin: 24px 0; } @media (max-width: 640px) { #cfp-post-rewrite-82 .cfp-template-spotlight { grid-template-columns: 1fr; } #cfp-post-rewrite-82 .cfp-tools-compact-list { grid-template-columns: 1fr; } } @media (max-width: 640px) { #cfp-post-rewrite-82 .cfp-stat-row, #cfp-post-rewrite-82 .cfp-steps, #cfp-post-rewrite-82 .cfp-pros-cons { grid-template-columns: 1fr; } #cfp-post-rewrite-82 figure.cfp-img-left, #cfp-post-rewrite-82 figure.cfp-img-right { float: none; max-width: 100%; margin: 0 0 20px; } #cfp-post-rewrite-82 p { text-align: left; hyphens: none; } } #cfp-post-rewrite-82 .cfp-chart-card { background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); border: 1px solid #e2e8f0; border-radius: 16px; padding: 22px 24px 18px; margin: 28px 0 32px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); animation: cfp-chart-enter 0.7s ease-out both; } @keyframes cfp-chart-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } #cfp-post-rewrite-82 .cfp-chart-header h3 { margin: 0 0 6px; font-size: 1.15rem; color: #0f172a; } #cfp-post-rewrite-82 .cfp-chart-header p { margin: 0 0 16px; font-size: 0.92rem; color: #64748b; } #cfp-post-rewrite-82 .cfp-chart-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; } #cfp-post-rewrite-82 .cfp-chart-tab-link { border: 1px solid #cbd5e1; background: #fff; color: #334155; padding: 8px 14px; border-radius: 999px; font-size: 0.85rem; font-weight: 600; text-decoration: none; display: inline-block; transition: background 0.2s, transform 0.15s; } #cfp-post-rewrite-82 .cfp-chart-tab-link:hover { border-color: #94a3b8; transform: translateY(-1px); color: #334155; } #cfp-post-rewrite-82 .cfp-chart-theme-emerald .cfp-chart-tab-link.is-active { background: #059669; color: #fff !important; border-color: transparent; } #cfp-post-rewrite-82 .cfp-chart-theme-sapphire .cfp-chart-tab-link.is-active { background: #2563eb; color: #fff !important; border-color: transparent; } #cfp-post-rewrite-82 .cfp-chart-theme-violet .cfp-chart-tab-link.is-active { background: #7c3aed; color: #fff !important; border-color: transparent; } #cfp-post-rewrite-82 .cfp-chart-theme-amber .cfp-chart-tab-link.is-active { background: #d97706; color: #fff !important; border-color: transparent; } #cfp-post-rewrite-82 .cfp-chart-theme-teal .cfp-chart-tab-link.is-active { background: #0d9488; color: #fff !important; border-color: transparent; } #cfp-post-rewrite-82 .cfp-chart-theme-crimson .cfp-chart-tab-link.is-active { background: #be123c; color: #fff !important; border-color: transparent; } #cfp-post-rewrite-82 .cfp-chart-theme-steel .cfp-chart-tab-link.is-active { background: #475569; color: #fff !important; border-color: transparent; } #cfp-post-rewrite-82 .cfp-chart-panels .cfp-chart-panel { display: none; animation: cfp-panel-in 0.45s ease-out; } #cfp-post-rewrite-82 .cfp-chart-panels .cfp-chart-panel:target { display: block; } #cfp-post-rewrite-82 .cfp-chart-panels:not(:has(.cfp-chart-panel:target)) .cfp-chart-panel:first-child { display: block; } #cfp-post-rewrite-82 .cfp-chart-panels:has(.cfp-chart-panel:target) .cfp-chart-panel:first-child:not(:target) { display: none; } #cfp-post-rewrite-82 .cfp-chart-single .cfp-chart-panel { display: block !important; } @keyframes cfp-panel-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } #cfp-post-rewrite-82 .cfp-chart-body { min-height: 180px; } #cfp-post-rewrite-82 .cfp-chart-footnote { margin: 12px 0 0; font-size: 0.82rem; color: #64748b; line-height: 1.5; } /* , , Visual: column (vertical bars) , , */ #cfp-post-rewrite-82 .cfp-col-chart { display: flex; align-items: flex-end; justify-content: space-around; gap: 10px; min-height: 220px; padding: 12px 8px 0; border-bottom: 2px solid #e2e8f0; background: linear-gradient(180deg, transparent 24%, var(–chart-grid, #f1f5f9) 24%, var(–chart-grid, #f1f5f9) 25%, transparent 25%); background-size: 100% 25%; } #cfp-post-rewrite-82 .cfp-col { flex: 1; max-width: 72px; display: flex; flex-direction: column; align-items: center; gap: 8px; } #cfp-post-rewrite-82 .cfp-col-bar { width: 100%; max-width: 52px; height: 0; border-radius: 10px 10px 4px 4px; background: linear-gradient(180deg, var(–bar-light), var(–bar-color)); animation: cfp-col-grow 1s ease-out forwards; animation-delay: var(–delay, 0s); box-shadow: 0 4px 12px rgba(0,0,0,.08); } @keyframes cfp-col-grow { from { height: 0; } to { height: var(–col-h); } } #cfp-post-rewrite-82 .cfp-col-val { font-weight: 800; font-size: 0.9rem; color: #0f172a; } #cfp-post-rewrite-82 .cfp-col-lab { font-size: 0.72rem; color: #64748b; text-align: center; line-height: 1.25; max-width: 76px; } /* , , Visual: step-ladder , , */ #cfp-post-rewrite-82 .cfp-ladder { display: flex; align-items: flex-end; gap: 12px; min-height: 200px; padding: 16px 8px 0; } #cfp-post-rewrite-82 .cfp-ladder-step { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-height: var(–step-h); background: linear-gradient(180deg, var(–step-light), var(–step-color)); border-radius: 12px 12px 4px 4px; padding: 12px 8px; position: relative; animation: cfp-ladder-rise 0.85s ease-out forwards; animation-delay: var(–delay, 0s); box-shadow: 0 6px 16px rgba(37, 99, 235, 0.15); } @keyframes cfp-ladder-rise { from { min-height: 40px; opacity: 0.5; } to { min-height: var(–step-h); opacity: 1; } } #cfp-post-rewrite-82 .cfp-ladder-num { position: absolute; top: 8px; left: 10px; width: 26px; height: 26px; border-radius: 50%; background: #fff; color: var(–step-color); font-weight: 800; font-size: 0.8rem; display: flex; align-items: center; justify-content: center; } #cfp-post-rewrite-82 .cfp-ladder-val { font-size: 1.4rem; font-weight: 800; color: #fff; margin-bottom: 4px; } #cfp-post-rewrite-82 .cfp-ladder-lab { font-size: 0.75rem; color: rgba(255,255,255,.92); text-align: center; line-height: 1.3; } /* , , Visual: size-tiles , , */ #cfp-post-rewrite-82 .cfp-size-grid { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; gap: 16px; padding: 12px 0; } #cfp-post-rewrite-82 .cfp-size-tile { –tile-w: calc(72px * var(–tile-scale)); –tile-h: calc(96px * var(–tile-scale)); width: var(–tile-w); min-height: var(–tile-h); background: linear-gradient(145deg, var(–tile-light), #fff); border: 2px solid var(–tile-color); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; box-shadow: 0 8px 20px rgba(124, 58, 237, 0.12); animation: cfp-tile-pop 0.6s ease-out both; animation-delay: var(–delay, 0s); } @keyframes cfp-tile-pop { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } } #cfp-post-rewrite-82 .cfp-size-dim { font-weight: 700; font-size: 0.95rem; color: var(–tile-color); } #cfp-post-rewrite-82 .cfp-size-idx { font-size: 1.25rem; font-weight: 800; color: #0f172a; background: #fff; padding: 4px 10px; border-radius: 999px; border: 1px solid #e2e8f0; } /* , , Visual: donut , , */ #cfp-post-rewrite-82 .cfp-donut-layout { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px; padding: 8px 0; } #cfp-post-rewrite-82 .cfp-donut-ring { width: 180px; height: 180px; border-radius: 50%; background: var(–donut-gradient); display: flex; align-items: center; justify-content: center; animation: cfp-donut-spin-in 1s ease-out; box-shadow: inset 0 0 0 1px rgba(0,0,0,.04); } @keyframes cfp-donut-spin-in { from { transform: scale(0.88); opacity: 0; } to { transform: scale(1); opacity: 1; } } #cfp-post-rewrite-82 .cfp-donut-hole { width: 100px; height: 100px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 0.75rem; color: #64748b; text-align: center; line-height: 1.3; } #cfp-post-rewrite-82 .cfp-donut-hole strong { font-size: 1.1rem; color: #0f172a; display: block; } #cfp-post-rewrite-82 .cfp-donut-legend { list-style: none; margin: 0; padding: 0; } #cfp-post-rewrite-82 .cfp-donut-legend li { display: flex; align-items: center; gap: 10px; margin: 10px 0; font-size: 0.88rem; color: #475569; } #cfp-post-rewrite-82 .cfp-donut-swatch { width: 14px; height: 14px; border-radius: 4px; flex-shrink: 0; } #cfp-post-rewrite-82 .cfp-donut-legend b { color: #0f172a; margin-left: auto; padding-left: 12px; } /* , , Visual: line-area , , */ #cfp-post-rewrite-82 .cfp-line-wrap { position: relative; max-width: 520px; margin: 0 auto; } #cfp-post-rewrite-82 .cfp-line-svg { width: 100%; height: auto; display: block; } #cfp-post-rewrite-82 .cfp-line-svg polyline { fill: none; stroke-width: 3; stroke-linecap: round; } #cfp-post-rewrite-82 .cfp-line-safe { fill: var(–line-muted); opacity: 0.35; } #cfp-post-rewrite-82 .cfp-line-area { opacity: 0.25; } #cfp-post-rewrite-82 .cfp-line-labels { display: flex; justify-content: space-between; font-size: 0.75rem; color: #64748b; margin-top: 6px; padding: 0 28px; } /* , , Visual: hbar (fallback) , , */ #cfp-post-rewrite-82 .cfp-vbar-row { display: grid; grid-template-columns: minmax(90px, 28%) 1fr 42px; align-items: center; gap: 10px; margin: 10px 0; font-size: 0.88rem; } #cfp-post-rewrite-82 .cfp-vbar-label { color: #475569; } #cfp-post-rewrite-82 .cfp-vbar-val { font-weight: 700; color: #0f172a; text-align: right; } #cfp-post-rewrite-82 .cfp-vbar-track { height: 12px; background: #e2e8f0; border-radius: 8px; overflow: hidden; } #cfp-post-rewrite-82 .cfp-vbar-track i { display: block; height: 100%; width: 0; border-radius: 8px; background: linear-gradient(90deg, var(–bar-color), var(–bar-light)); animation: cfp-vbar-grow 0.9s ease-out forwards; animation-delay: var(–delay, 0s); } @keyframes cfp-vbar-grow { from { width: 0; } to { width: var(–pct); } } /* , , Visual: icon-cards , , */ #cfp-post-rewrite-82 .cfp-icon-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; } #cfp-post-rewrite-82 .cfp-icon-card { border: 1px solid #e2e8f0; border-radius: 14px; padding: 16px; text-align: center; background: #fff; animation: cfp-tile-pop 0.5s ease-out both; animation-delay: var(–delay, 0s); } #cfp-post-rewrite-82 .cfp-icon-card .cfp-ic { font-size: 1.6rem; margin-bottom: 8px; } #cfp-post-rewrite-82 .cfp-icon-card .cfp-ic-val { font-size: 1.5rem; font-weight: 800; color: var(–bar-color); } #cfp-post-rewrite-82 .cfp-icon-card .cfp-ic-lab { font-size: 0.8rem; color: #64748b; margin-top: 4px; } #cfp-post-rewrite-82 .cfp-icon-card .cfp-ic-meter { height: 8px; background: #e2e8f0; border-radius: 6px; margin-top: 10px; overflow: hidden; } #cfp-post-rewrite-82 .cfp-icon-card .cfp-ic-meter i { display: block; height: 100%; background: var(–bar-color); width: var(–pct); } /* , , Visual: timeline , , */ #cfp-post-rewrite-82 .cfp-timeline { display: flex; flex-wrap: wrap; gap: 0; justify-content: space-between; position: relative; padding: 24px 0 8px; margin: 8px 0; } #cfp-post-rewrite-82 .cfp-timeline::before { content: “”; position: absolute; top: 38px; left: 8%; right: 8%; height: 4px; background: linear-gradient(90deg, var(–tl-color), var(–tl-light)); border-radius: 4px; } #cfp-post-rewrite-82 .cfp-timeline-step { flex: 1; min-width: 100px; max-width: 140px; text-align: center; position: relative; z-index: 1; animation: cfp-tile-pop 0.55s ease-out both; animation-delay: var(–delay, 0s); } #cfp-post-rewrite-82 .cfp-timeline-num { width: 44px; height: 44px; margin: 0 auto 10px; border-radius: 50%; background: var(–tl-color); color: #fff; font-weight: 800; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,.12); } #cfp-post-rewrite-82 .cfp-timeline-lab { font-size: 0.78rem; color: #475569; line-height: 1.35; display: block; } /* , , Visual: stacked-bar , , */ #cfp-post-rewrite-82 .cfp-stack-chart { padding: 12px 0; } #cfp-post-rewrite-82 .cfp-stack-bar { display: flex; height: 36px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 14px rgba(0,0,0,.06); } #cfp-post-rewrite-82 .cfp-stack-seg { flex: var(–seg-flex); background: var(–seg-color); min-width: 4px; animation: cfp-vbar-grow 0.8s ease-out forwards; animation-delay: var(–delay, 0s); } #cfp-post-rewrite-82 .cfp-stack-legend { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-top: 16px; } #cfp-post-rewrite-82 .cfp-stack-legend-item { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: #475569; } #cfp-post-rewrite-82 .cfp-stack-swatch { width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0; } #cfp-post-rewrite-82 .cfp-stack-legend-item b { margin-left: auto; color: #0f172a; } /* , , Visual: dark-animated-hbar (EDDM product page style) , , */ @keyframes cfp-bar-grow { from { width: 0; } to { width: var(–bar-w, 50%); } } #cfp-post-rewrite-82 .cfp-dark-bars-chart { width: 100%; background: linear-gradient(145deg, #141414 0%, #1f1f1f 100%); color: #fff; padding: 24px 28px; border-radius: 14px; box-shadow: 0 18px 48px rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.06); } #cfp-post-rewrite-82 .cfp-dark-bar-label { width: 140px; text-align: right; padding-right: 14px; font-size: 0.88rem; font-weight: 700; vertical-align: middle; } #cfp-post-rewrite-82 .cfp-dark-bar-track { background: rgba(255,255,255,.1); height: 26px; border-radius: 13px; overflow: hidden; } #cfp-post-rewrite-82 .cfp-animate-bar { height: 100%; width: 0; border-radius: 13px; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; font-size: 0.78rem; font-weight: 800; color: #fff; animation: cfp-bar-grow 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards; animation-timeline: view(); animation-range: entry 0% cover 28%; } @supports not (animation-timeline: view()) { #cfp-post-rewrite-82 .cfp-animate-bar { animation: none; transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1); } #cfp-post-rewrite-82 .cfp-animate-bar.cfp-bar-live { width: var(–bar-w, 50%); } } @media (prefers-reduced-motion: reduce) { #cfp-post-rewrite-82 .cfp-animate-bar { animation: none; width: var(–bar-w, 50%); } } #cfp-post-rewrite-82 .cfp-dark-bar-highlight .cfp-animate-bar { background: #2ecc71; box-shadow: 0 0 14px rgba(46,204,113,.45); } #cfp-post-rewrite-82 .cfp-dark-bar-default .cfp-animate-bar { background: linear-gradient(90deg, #4b5563, #6b7280); } /* , , Visual: pill-row , , */ #cfp-post-rewrite-82 .cfp-pill-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 8px 0; } #cfp-post-rewrite-82 .cfp-pill { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; background: #fff; border: 1px solid #e2e8f0; font-size: 0.85rem; color: #475569; box-shadow: 0 4px 12px rgba(15,23,42,.05); } #cfp-post-rewrite-82 .cfp-pill b { color: var(–bar-color); font-size: 1rem; } /* , , Visual: gauge , , */ #cfp-post-rewrite-82 .cfp-gauge-wrap { text-align: center; padding: 12px 0 4px; } #cfp-post-rewrite-82 .cfp-gauge { –gauge-pct: 0; width: 200px; height: 100px; margin: 0 auto; position: relative; overflow: hidden; } #cfp-post-rewrite-82 .cfp-gauge::before { content: “”; position: absolute; inset: 0; border-radius: 200px 200px 0 0; background: conic-gradient(from 180deg at 50% 100%, var(–bar-color) calc(var(–gauge-pct) * 1%), #e2e8f0 0); } #cfp-post-rewrite-82 .cfp-gauge-hole { position: absolute; left: 20px; right: 20px; bottom: 0; height: 80px; background: #fff; border-radius: 160px 160px 0 0; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 10px; font-weight: 800; color: #0f172a; } #cfp-post-rewrite-82 .cfp-gauge.cfp-gauge-live::before { transition: background 1.2s ease-out; } /* , , Visual: heatmap , , */ #cfp-post-rewrite-82 .cfp-heatmap { display: grid; gap: 6px; } #cfp-post-rewrite-82 .cfp-heat-cell { border-radius: 8px; padding: 14px 8px; text-align: center; font-size: 0.78rem; font-weight: 700; color: #0f172a; min-height: 52px; display: flex; flex-direction: column; justify-content: center; gap: 4px; } /* , , Visual: waterfall , , */ #cfp-post-rewrite-82 .cfp-waterfall { display: flex; align-items: flex-end; gap: 10px; min-height: 200px; padding-top: 12px; } #cfp-post-rewrite-82 .cfp-waterfall-col { flex: 1; text-align: center; } #cfp-post-rewrite-82 .cfp-waterfall-bar { margin: 0 auto; width: 70%; border-radius: 8px 8px 4px 4px; background: linear-gradient(180deg, var(–bar-light), var(–bar-color)); animation: cfp-col-grow 0.9s ease-out forwards; } /* , , Visual: comparison-columns , , */ #cfp-post-rewrite-82 .cfp-compare-group { display: flex; gap: 6px; align-items: flex-end; justify-content: center; height: 160px; } #cfp-post-rewrite-82 .cfp-compare-bar { width: 22px; border-radius: 6px 6px 2px 2px; background: var(–bar-color); } #cfp-post-rewrite-82 .cfp-compare-bar.alt { background: var(–bar-light); opacity: 0.85; } /* , , Visual: meter-grid , , */ #cfp-post-rewrite-82 .cfp-meter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; } #cfp-post-rewrite-82 .cfp-meter-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px; } #cfp-post-rewrite-82 .cfp-meter-track { height: 10px; background: #e2e8f0; border-radius: 6px; overflow: hidden; margin-top: 8px; } #cfp-post-rewrite-82 .cfp-meter-fill { height: 100%; width: 0; background: var(–bar-color); border-radius: 6px; transition: width 1.2s cubic-bezier(0.22,1,0.36,1); } /* , , Visual: pyramid , , */ #cfp-post-rewrite-82 .cfp-pyramid { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px 0; } #cfp-post-rewrite-82 .cfp-pyramid-tier { text-align: center; color: #fff; font-weight: 700; font-size: 0.82rem; padding: 12px 8px; border-radius: 8px; background: linear-gradient(90deg, var(–bar-color), var(–bar-light)); box-shadow: 0 6px 16px rgba(0,0,0,.08); } /* , , Visual: bubble , , */ #cfp-post-rewrite-82 .cfp-bubble-wrap { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; align-items: center; padding: 12px 0; } #cfp-post-rewrite-82 .cfp-bubble { border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle at 30% 30%, var(–bar-light), var(–bar-color)); color: #fff; font-weight: 800; box-shadow: 0 10px 24px rgba(0,0,0,.12); text-align: center; padding: 8px; } #cfp-post-rewrite-82 .cfp-bubble span { font-size: 0.68rem; font-weight: 600; opacity: 0.92; margin-top: 4px; } /* , , Visual: range-bar , , */ #cfp-post-rewrite-82 .cfp-range-row { margin: 12px 0; } #cfp-post-rewrite-82 .cfp-range-track { position: relative; height: 14px; background: #e2e8f0; border-radius: 8px; margin-top: 6px; } #cfp-post-rewrite-82 .cfp-range-band { position: absolute; top: 0; height: 100%; border-radius: 8px; background: linear-gradient(90deg, var(–bar-light), var(–bar-color)); } #cfp-post-rewrite-82 .cfp-range-dot { position: absolute; top: 50%; width: 12px; height: 12px; border-radius: 50%; background: #0f172a; transform: translate(-50%, -50%); border: 2px solid #fff; } /* , , Visual: dot-plot , , */ #cfp-post-rewrite-82 .cfp-dotplot { position: relative; height: 120px; border-bottom: 2px solid #e2e8f0; margin: 16px 8px 32px; } #cfp-post-rewrite-82 .cfp-dot { position: absolute; width: 14px; height: 14px; border-radius: 50%; background: var(–bar-color); transform: translate(-50%, 50%); box-shadow: 0 0 0 4px rgba(5,150,105,.15); } #cfp-post-rewrite-82 .cfp-dotplot-labels { display: flex; justify-content: space-between; font-size: 0.75rem; color: #64748b; } /* , , Visual: swatch-strip , , */ #cfp-post-rewrite-82 .cfp-swatch-strip { display: flex; flex-wrap: wrap; gap: 10px; } #cfp-post-rewrite-82 .cfp-swatch { flex: 1 1 120px; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; background: #fff; box-shadow: 0 6px 16px rgba(15,23,42,.06); } #cfp-post-rewrite-82 .cfp-swatch-color { height: 48px; } #cfp-post-rewrite-82 .cfp-swatch-meta { padding: 10px 12px; font-size: 0.82rem; color: #475569; } #cfp-post-rewrite-82 .cfp-swatch-meta b { display: block; color: #0f172a; font-size: 1rem; } /* , , Visual: radar (simplified SVG) , , */ #cfp-post-rewrite-82 .cfp-radar-svg { width: 100%; max-width: 320px; margin: 0 auto; display: block; } /* , , Visual: map-bars , , */ #cfp-post-rewrite-82 .cfp-map-bars { background: linear-gradient(180deg, #ecfdf5 0%, #f8fafc 100%); border-radius: 14px; padding: 18px; border: 1px solid #a7f3d0; } #cfp-post-rewrite-82 .cfp-map-bar-row { display: grid; grid-template-columns: 90px 1fr 40px; gap: 10px; align-items: center; margin: 8px 0; font-size: 0.85rem; } /* — Template preview carousel — */ #cfp-post-rewrite-82 .cfp-template-showcase { margin: 32px 0; padding: 24px 22px 20px; border-radius: 20px; background: linear-gradient(145deg, #faf5ff 0%, #f0f9ff 48%, #ecfdf5 100%); border: 1px solid rgba(139, 92, 246, 0.18); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06); } #cfp-post-rewrite-82 .cfp-ts-eyebrow, #cfp-post-rewrite-82 .cfp-tools-eyebrow { display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #7c3aed; margin-bottom: 6px; } #cfp-post-rewrite-82 .cfp-ts-title, #cfp-post-rewrite-82 .cfp-tools-title { margin: 0 0 8px; font-size: 1.35rem; line-height: 1.25; color: #0f172a; } #cfp-post-rewrite-82 .cfp-ts-sub, #cfp-post-rewrite-82 .cfp-tools-sub { margin: 0 0 18px; font-size: 0.95rem; color: #475569; max-width: 52rem; } #cfp-post-rewrite-82 .cfp-ts-stage { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: stretch; margin-bottom: 16px; } #cfp-post-rewrite-82 .cfp-ts-nav { align-self: center; width: 42px; height: 42px; border: 0; border-radius: 999px; background: rgba(255,255,255,0.9); color: #4c1d95; font-size: 1.25rem; cursor: pointer; box-shadow: 0 4px 14px rgba(76, 29, 149, 0.15); transition: transform 0.2s ease, background 0.2s ease; } #cfp-post-rewrite-82 .cfp-ts-nav:hover { transform: scale(1.06); background: #fff; } #cfp-post-rewrite-82 .cfp-ts-preview-card { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 16px; padding: 16px; border-radius: 16px; background: rgba(255,255,255,0.88); border: 1px solid rgba(148, 163, 184, 0.35); min-height: 220px; } #cfp-post-rewrite-82 .cfp-ts-preview-visual { position: relative; border-radius: 12px; background: linear-gradient(160deg, #f5f3ff, #ecfeff); border: 1px solid rgba(139, 92, 246, 0.12); display: flex; align-items: center; justify-content: center; padding: 14px; overflow: hidden; } #cfp-post-rewrite-82 .cfp-ts-preview-img { max-width: 100%; max-height: 200px; object-fit: contain; filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.12)); transition: transform 0.35s ease; } #cfp-post-rewrite-82 .cfp-template-showcase:hover .cfp-ts-preview-img { transform: scale(1.02); } #cfp-post-rewrite-82 .cfp-ts-preview-glow { position: absolute; inset: auto 10% 8%; height: 20px; background: radial-gradient(ellipse, rgba(139,92,246,0.25), transparent 70%); pointer-events: none; } #cfp-post-rewrite-82 .cfp-ts-preview-copy { display: flex; flex-direction: column; justify-content: center; gap: 8px; } #cfp-post-rewrite-82 .cfp-ts-size-badge { display: inline-block; width: fit-content; padding: 4px 10px; border-radius: 999px; background: #ede9fe; color: #5b21b6; font-size: 0.78rem; font-weight: 700; } #cfp-post-rewrite-82 .cfp-ts-preview-title { font-size: 1.1rem; color: #0f172a; } #cfp-post-rewrite-82 .cfp-ts-preview-blurb { margin: 0; font-size: 0.9rem; color: #64748b; line-height: 1.5; } #cfp-post-rewrite-82 .cfp-ts-download-btn { display: inline-flex; align-items: center; gap: 8px; width: fit-content; margin-top: 6px; padding: 11px 18px; border-radius: 10px; background: linear-gradient(135deg, #7c3aed, #2563eb); color: #fff !important; font-weight: 700; text-decoration: none; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.28); } #cfp-post-rewrite-82 .cfp-ts-hub-link { font-size: 0.85rem; color: #2563eb !important; font-weight: 600; } #cfp-post-rewrite-82 .cfp-ts-track-wrap { overflow: hidden; margin: 0 -4px; } #cfp-post-rewrite-82 .cfp-ts-track { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 4px 10px; scrollbar-width: thin; } #cfp-post-rewrite-82 .cfp-ts-thumb { flex: 0 0 118px; scroll-snap-align: start; border: 2px solid transparent; border-radius: 14px; background: rgba(255,255,255,0.92); padding: 8px; cursor: pointer; text-align: center; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s; } #cfp-post-rewrite-82 .cfp-ts-thumb:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(15, 23, 42, 0.08); } #cfp-post-rewrite-82 .cfp-ts-thumb.is-active { border-color: #7c3aed; box-shadow: 0 10px 22px rgba(124, 58, 237, 0.18); } #cfp-post-rewrite-82 .cfp-ts-thumb-img-wrap { display: flex; align-items: center; justify-content: center; height: 72px; border-radius: 10px; background: #f8fafc; overflow: hidden; margin-bottom: 6px; } #cfp-post-rewrite-82 .cfp-ts-thumb img { max-width: 100%; max-height: 68px; object-fit: contain; } #cfp-post-rewrite-82 .cfp-ts-thumb-fallback .cfp-ts-thumb-img-wrap { background: linear-gradient(135deg, #ede9fe, #dbeafe); } #cfp-post-rewrite-82 .cfp-ts-thumb-size { display: block; font-size: 0.72rem; font-weight: 700; color: #7c3aed; } #cfp-post-rewrite-82 .cfp-ts-thumb-label { display: block; font-size: 0.72rem; color: #475569; line-height: 1.25; } #cfp-post-rewrite-82 .cfp-ts-progress { height: 4px; background: rgba(148, 163, 184, 0.35); border-radius: 999px; overflow: hidden; margin: 4px 0 12px; } #cfp-post-rewrite-82 .cfp-ts-progress-bar { display: block; height: 100%; background: linear-gradient(90deg, #7c3aed, #2563eb); border-radius: inherit; transition: width 0.35s ease; } #cfp-post-rewrite-82 .cfp-ts-foot { margin: 0; font-size: 0.88rem; text-align: center; } #cfp-post-rewrite-82 .cfp-ts-foot a { color: #2563eb !important; font-weight: 600; } /* — Free tools tile grid — */ #cfp-post-rewrite-82 .cfp-tools-showcase { margin: 28px 0 32px; padding: 22px 20px; border-radius: 18px; background: linear-gradient(160deg, #eff6ff 0%, #f8fafc 100%); border: 1px solid #93c5fd; } #cfp-post-rewrite-82 .cfp-tools-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; } #cfp-post-rewrite-82 .cfp-tool-tile { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 14px 14px; border-radius: 14px; background: #fff; border: 1px solid #e2e8f0; text-decoration: none !important; color: inherit !important; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } #cfp-post-rewrite-82 .cfp-tool-tile:hover { transform: translateY(-2px); border-color: #60a5fa; box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12); } #cfp-post-rewrite-82 .cfp-tool-icon { display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, #dbeafe, #ede9fe); color: #1d4ed8; font-size: 0.62rem; font-weight: 800; letter-spacing: 0.02em; } #cfp-post-rewrite-82 .cfp-tool-body strong { display: block; font-size: 0.9rem; color: #0f172a; margin-bottom: 2px; } #cfp-post-rewrite-82 .cfp-tool-body span { display: block; font-size: 0.78rem; color: #64748b; line-height: 1.35; } #cfp-post-rewrite-82 .cfp-tool-arrow { color: #94a3b8; font-size: 1.1rem; transition: transform 0.2s ease, color 0.2s ease; } #cfp-post-rewrite-82 .cfp-tool-tile:hover .cfp-tool-arrow { color: #2563eb; transform: translateX(3px); } #cfp-post-rewrite-82 .cfp-tools-footer { display: flex; flex-wrap: wrap; gap: 10px; } #cfp-post-rewrite-82 .cfp-tools-btn { display: inline-flex; align-items: center; justify-content: center; padding: 11px 18px; border-radius: 10px; font-weight: 700; text-decoration: none !important; } #cfp-post-rewrite-82 .cfp-tools-btn-primary { background: #2563eb; color: #fff !important; } #cfp-post-rewrite-82 .cfp-tools-btn-ghost { background: #fff; color: #1d4ed8 !important; border: 1px solid #93c5fd; } @media (max-width: 768px) { #cfp-post-rewrite-82 .cfp-ts-preview-card { grid-template-columns: 1fr; } #cfp-post-rewrite-82 .cfp-ts-stage { grid-template-columns: 1fr; } #cfp-post-rewrite-82 .cfp-ts-nav { display: none; } #cfp-post-rewrite-82 .cfp-tools-grid { grid-template-columns: 1fr; } } @keyframes cfp-odt-shimmer { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes cfp-odt-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } @keyframes cfp-odt-step-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } #cfp-post-rewrite-82 .cfp-odt-showcase { margin: 36px 0; padding: 26px 22px 22px; border-radius: 22px; background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 45%, #0f172a 100%); border: 1px solid rgba(99, 102, 241, 0.35); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35); color: #e2e8f0; position: relative; overflow: hidden; } #cfp-post-rewrite-82 .cfp-odt-showcase::before { content: “”; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; background: linear-gradient(120deg, #6366f1, #22d3ee, #a855f7, #6366f1); background-size: 300% 300%; animation: cfp-odt-shimmer 8s ease infinite; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0.55; } #cfp-post-rewrite-82 .cfp-odt-showcase.cfp-odt-pulse .cfp-odt-preview-shell { animation: cfp-odt-float 0.42s ease; } #cfp-post-rewrite-82 .cfp-odt-eyebrow { display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #a5b4fc; margin-bottom: 6px; } #cfp-post-rewrite-82 .cfp-odt-title { margin: 0 0 8px; font-size: 1.45rem; line-height: 1.25; color: #f8fafc; } #cfp-post-rewrite-82 .cfp-odt-sub { margin: 0 0 18px; font-size: 0.95rem; color: #cbd5e1; max-width: 52rem; } #cfp-post-rewrite-82 .cfp-odt-tabs-wrap { overflow: hidden; margin-bottom: 12px; } #cfp-post-rewrite-82 .cfp-odt-tabs-track { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; scroll-behavior: smooth; } #cfp-post-rewrite-82 .cfp-odt-tab { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 14px; border-radius: 12px; border: 1px solid rgba(148, 163, 184, 0.25); background: rgba(255,255,255,0.04); color: #e2e8f0; cursor: pointer; transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease; } #cfp-post-rewrite-82 .cfp-odt-tab:hover { transform: translateY(-2px); border-color: rgba(165, 180, 252, 0.5); } #cfp-post-rewrite-82 .cfp-odt-tab.is-active { background: linear-gradient(135deg, rgba(99,102,241,0.35), rgba(34,211,238,0.15)); border-color: #818cf8; box-shadow: 0 8px 24px rgba(99, 102, 241, 0.25); } #cfp-post-rewrite-82 .cfp-odt-tab-label { font-weight: 700; font-size: 0.88rem; } #cfp-post-rewrite-82 .cfp-odt-tab-cat { font-size: 0.72rem; color: #94a3b8; } #cfp-post-rewrite-82 .cfp-odt-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } #cfp-post-rewrite-82 .cfp-odt-chip { padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(148,163,184,0.3); background: rgba(15,23,42,0.6); color: #cbd5e1; font-size: 0.8rem; font-weight: 600; cursor: pointer; transition: all 0.22s ease; } #cfp-post-rewrite-82 .cfp-odt-chip.is-active { background: #6366f1; border-color: #818cf8; color: #fff; box-shadow: 0 4px 16px rgba(99,102,241,0.4); } #cfp-post-rewrite-82 .cfp-odt-stage { display: grid; grid-template-columns: auto 1fr 1fr auto; gap: 14px; align-items: center; margin-bottom: 14px; } #cfp-post-rewrite-82 .cfp-odt-nav { width: 44px; height: 44px; border: 0; border-radius: 999px; background: rgba(255,255,255,0.1); color: #e2e8f0; font-size: 1.2rem; cursor: pointer; transition: transform 0.2s ease, background 0.2s ease; } #cfp-post-rewrite-82 .cfp-odt-nav:hover { transform: scale(1.08); background: rgba(255,255,255,0.18); } #cfp-post-rewrite-82 .cfp-odt-preview-shell { position: relative; perspective: 900px; min-height: 200px; display: flex; align-items: center; justify-content: center; } #cfp-post-rewrite-82 .cfp-odt-card-3d { position: relative; width: min(100%, 280px); aspect-ratio: 1.75 / 1; transform-style: preserve-3d; transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); } #cfp-post-rewrite-82 .cfp-odt-showcase.cfp-odt-show-back .cfp-odt-card-3d { transform: rotateY(180deg); } #cfp-post-rewrite-82 .cfp-odt-card-face { position: absolute; inset: 0; backface-visibility: hidden; border-radius: 12px; overflow: hidden; box-shadow: 0 16px 40px rgba(0,0,0,0.45); border: 1px solid rgba(255,255,255,0.12); } #cfp-post-rewrite-82 .cfp-odt-card-back { transform: rotateY(180deg); } #cfp-post-rewrite-82 .cfp-odt-card-face img { width: 100%; height: 100%; object-fit: cover; display: block; } #cfp-post-rewrite-82 .cfp-odt-flip-btn { position: absolute; bottom: 8px; right: 8px; z-index: 2; padding: 6px 12px; border-radius: 999px; border: 0; background: rgba(15,23,42,0.85); color: #e2e8f0; font-size: 0.75rem; font-weight: 700; cursor: pointer; } #cfp-post-rewrite-82 .cfp-odt-glow { position: absolute; inset: 20% 10% -10%; background: radial-gradient(ellipse, rgba(99,102,241,0.35), transparent 70%); pointer-events: none; } #cfp-post-rewrite-82 .cfp-odt-copy { display: flex; flex-direction: column; gap: 8px; justify-content: center; } #cfp-post-rewrite-82 .cfp-odt-badge { display: inline-block; width: fit-content; padding: 4px 10px; border-radius: 999px; background: rgba(34,211,238,0.15); color: #67e8f9; font-size: 0.75rem; font-weight: 700; } #cfp-post-rewrite-82 .cfp-odt-preview-title { font-size: 1.15rem; color: #f8fafc; } #cfp-post-rewrite-82 .cfp-odt-preview-sub { font-size: 0.82rem; color: #94a3b8; } #cfp-post-rewrite-82 .cfp-odt-preview-blurb { margin: 0; font-size: 0.9rem; color: #cbd5e1; line-height: 1.5; } #cfp-post-rewrite-82 .cfp-odt-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; } #cfp-post-rewrite-82 .cfp-odt-btn-primary { display: inline-flex; align-items: center; padding: 11px 18px; border-radius: 10px; background: linear-gradient(120deg, #6366f1, #8b5cf6); color: #fff !important; font-weight: 700; text-decoration: none !important; box-shadow: 0 8px 24px rgba(99,102,241,0.35); transition: transform 0.2s ease; } #cfp-post-rewrite-82 .cfp-odt-btn-primary:hover { transform: translateY(-2px); } #cfp-post-rewrite-82 .cfp-odt-btn-ghost { display: inline-flex; padding: 11px 16px; border-radius: 10px; border: 1px solid rgba(148,163,184,0.35); color: #e2e8f0 !important; font-weight: 600; text-decoration: none !important; } #cfp-post-rewrite-82 .cfp-odt-progress { height: 4px; background: rgba(148,163,184,0.2); border-radius: 999px; overflow: hidden; margin-bottom: 8px; } #cfp-post-rewrite-82 .cfp-odt-progress-bar { display: block; height: 100%; background: linear-gradient(90deg, #6366f1, #22d3ee); transition: width 0.4s ease; } #cfp-post-rewrite-82 .cfp-odt-autoplay-hint { margin: 0; font-size: 0.78rem; color: #64748b; text-align: center; } #cfp-post-rewrite-82 .cfp-odt-pipeline { margin: 28px 0 0; padding: 22px 18px; border-radius: 16px; background: rgba(255,255,255,0.04); border: 1px solid rgba(148,163,184,0.15); } #cfp-post-rewrite-82 .cfp-odt-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 14px; } #cfp-post-rewrite-82 .cfp-odt-step { padding: 14px 12px; border-radius: 12px; background: rgba(15,23,42,0.5); border: 1px solid rgba(99,102,241,0.2); animation: cfp-odt-step-in 0.5s ease backwards; animation-delay: calc(var(–cfp-step-i) * 0.12s); } #cfp-post-rewrite-82 .cfp-odt-step-num { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 999px; background: #6366f1; color: #fff; font-size: 0.8rem; font-weight: 800; margin-bottom: 8px; } #cfp-post-rewrite-82 .cfp-odt-step strong { display: block; font-size: 0.88rem; color: #f1f5f9; margin-bottom: 4px; } #cfp-post-rewrite-82 .cfp-odt-step span { font-size: 0.78rem; color: #94a3b8; line-height: 1.35; } #cfp-post-rewrite-82 .cfp-odt-before-after { margin: 24px 0 0; padding: 18px; border-radius: 16px; background: #f8fafc; color: #0f172a; } #cfp-post-rewrite-82 .cfp-odt-ba-labels { display: flex; justify-content: space-between; font-size: 0.78rem; font-weight: 700; color: #475569; margin-bottom: 10px; } #cfp-post-rewrite-82 .cfp-odt-ba-frame { position: relative; border-radius: 14px; overflow: hidden; aspect-ratio: 16 / 9; box-shadow: 0 12px 32px rgba(15,23,42,0.12); } #cfp-post-rewrite-82 .cfp-odt-ba-before, #cfp-post-rewrite-82 .cfp-odt-ba-after { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } #cfp-post-rewrite-82 .cfp-odt-ba-after-wrap { position: absolute; inset: 0; overflow: hidden; border-right: 3px solid #6366f1; } #cfp-post-rewrite-82 .cfp-odt-ba-after-wrap img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } #cfp-post-rewrite-82 .cfp-odt-ba-slider { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; z-index: 3; margin: 0; } #cfp-post-rewrite-82 .cfp-odt-ba-handle { position: absolute; top: 0; bottom: 0; left: 52%; width: 4px; background: #6366f1; transform: translateX(-50%); pointer-events: none; z-index: 2; box-shadow: 0 0 12px rgba(99,102,241,0.6); } #cfp-post-rewrite-82 .cfp-odt-ba-handle::after { content: “â—€ â–¶”; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #6366f1; color: #fff; font-size: 0.65rem; padding: 8px 6px; border-radius: 999px; white-space: nowrap; letter-spacing: -2px; } @media (max-width: 900px) { #cfp-post-rewrite-82 .cfp-odt-stage { grid-template-columns: 1fr; } #cfp-post-rewrite-82 .cfp-odt-nav { display: none; } #cfp-post-rewrite-82 .cfp-odt-steps { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 520px) { #cfp-post-rewrite-82 .cfp-odt-steps { grid-template-columns: 1fr; } } #cfp-post-rewrite-82.cfp-theme-1 .cfp-takeaway { background: #eff6ff; border-color: #93c5fd; } #cfp-post-rewrite-82.cfp-theme-1 .cfp-protip { background: #eff6ff; border: 1px solid #93c5fd; } #cfp-post-rewrite-82.cfp-theme-1 table:not(.cfp-chart-table) th { background: #1e40af; } #cfp-post-rewrite-82.cfp-theme-1 .cfp-cta-card { background: #eff6ff; border-color: #93c5fd; } #cfp-post-rewrite-82.cfp-theme-1 .cfp-testimonial { border-left-color: #1e40af; } #cfp-post-rewrite-82.cfp-theme-1 .cfp-stat-num { color: #1e40af; } #cfp-post-rewrite-82.cfp-theme-1 .cfp-step-num { background: #1e40af; } #cfp-post-rewrite-82.cfp-theme-1 .cfp-pullquote { border-left-color: #1e40af; background: #eff6ff; }
color copies hero image for the 2026 buyer guide
Quick answer:
  • color copies depends on handling: 20lb for drafts, 24lb for client packets, 80lb cover for handouts that must feel substantial.
  • San Diego interior designer Isabel specifies 24lb bond on 499-page lookbooks at $109.74 (22.0¢ each) after sample testing.
  • Paper weight changes opacity and toner laydown; proof on job stock locks best paper choice for reorders.
  • Cheap text tiers on the right weight beat heavy stock everywhere for cost and quality balance.
From our production desk: Isabel’s clients rejected flimsy 20lb lookbooks until she switched to 24lb on proof and archived stock code on every reorder.

Lookbook paper test in San Diego (color copies)

Isabel, an interior designer in San Diego, needed the color copies on 499-page client lookbooks. Swatches printed on 20lb looked washed out and felt cheap in hand. Sample testing picked 24lb bond at $109.74 tier pricing with proof-locked stock for every future project.

Download guideline templates with bleed and safe zones sized for copy jobs.

Designers pick the color copies after clients feel weight in hand. Isabel maps 20lb, 24lb, and cover stocks to tier tables so cheap, fast, quality lookbooks ship on the right bond.

Tier examples use letter pages; stock choice is specified on proof.

Isabel, an interior designer in San Diego, needed the color copies on 499-page client lookbooks. Swatches printed on 20lb looked washed out and felt cheap in hand. Sample testing picked 24lb bond at $109.74 tier pricing with proof-locked stock for every future project.

24lb bondclient lookbooks
$109.74499 pages tier

Live cart tiers; confirm your ZIP at checkout.

color copies: 20lb vs 24lb bond

20lb bond is everyday copy weight suited to internal revisions and draft packets. 24lb bond adds opacity so CMYK swatches on the reverse side do not ghost through on lookbook pages.

Isabel specifies 24lb as the color copies on client-facing 499-page lookbooks at $109.74 (22.0¢ each). The per-page tier stays identical; only hand-feel changes.

When cover weight beats text bond

80lb cover suits single-sheet handouts, program covers, and sample boards clients carry alone. Multi-page lookbooks usually stay 24lb text for fold and staple compatibility.

100lb cover adds premium feel for portfolio inserts but may crack folds without scoring. Request sample pages before specifying on client contracts.

20lb vs 24lb color copy paper comparison stacks
20lb vs 24lb color copy paper comparison stacks

Opacity difference visible when CMYK swatches print on lighter vs heavier bond.

How paper weight affects color copy quality

Thin 20lb can show toner speckle on heavy CMYK fills. 24lb laydown looks smoother on photography and paint swatches Isabel sells.

Matte vs gloss finish changes perceived color depth. Proof on exact job stock because screen previews lie about finish.

Sample package-driven paper selection

Isabel orders free sample package once and tapes swatches into spec binders. Client meetings reference physical pages, not adjectives.

Compare 20lb, 24lb, and 80lb under client viewing light before batching 999 pages at $149.82.

Proof review for color copies
Proof review for color copies

Approve toner laydown on chosen bond weight before lookbook production.

Archive stock codes on every proof note

Write 24lb bond matte on proof as Isabel_lookbook_v5.pdf. Reorders match without reopening paper debates.

When a vendor swaps paint line, reprint changed pages only at archived stock tier.

Live cart pricing table

QuantityCart totalPer pageSize
49 pages$28.8758.9¢8.5×11 letter
199 pages$59.6830.0¢8.5×11 letter
499 pages$109.7422.0¢8.5×11 letter
999 pages$149.8215.0¢8.5×11 letter

Confirm totals in the color copies cart before payment.

@keyframes cfp-bfill{from{width:0}to{width:var(–bar-w,50%)}}#cfp-post-rewrite-82 .cfp-animate-bar{width:0;animation:cfp-bfill 1.4s cubic-bezier(.22,1,.36,1) forwards;animation-timeline:view();animation-range:entry 0% cover 28%;animation-delay:calc(var(–bar-i,0)*0.08s)}@supports not (animation-timeline:view()){#cfp-post-rewrite-82 .cfp-animate-bar{width:var(–bar-w,50%)}}#cfp-post-rewrite-82 .cfp-dark-bar-row{transition:transform .22s ease,filter .22s ease}#cfp-post-rewrite-82 .cfp-dark-bar-row:hover{transform:translateX(3px)}#cfp-post-rewrite-82 .cfp-dark-bar-track{transition:box-shadow .22s ease}#cfp-post-rewrite-82 .cfp-dark-bar-row:hover .cfp-dark-bar-track{box-shadow:0 0 0 1px rgba(255,255,255,.16)}#cfp-post-rewrite-82 .cfp-dark-bar-row:hover .cfp-animate-bar{filter:brightness(1.12)}

color copies: relative cost index

Illustrative index at 500 letter-size color copies (lower is cheaper).

Retail self-serve
169
FedEx Office
194
Staples counter
179
UPS Store
174
Online gang-run
129
Cheap RUSH Printing
89

Planning index only. Confirm live quote on proof before production payment.

Pre-order checklist

  • Request sample package before client-facing runs.
  • Pick 24lb for multi-page lookbooks unless draft.
  • Reserve 80lb cover for single-sheet handouts.
  • Write stock code on proof note for reorders.
  • Approve CMYK on exact job stock on proof.
  • Archive PDF with stock spec per project.
Common mistake: Defaulting to 20lb kiosk stock for client lookbooks that need 24lb opacity on swatch pages.
Pro tip: Request the free printing sample package and staple weights into your spec binder once.

“Clients stopped questioning our print quality when we moved lookbooks to 24lb on proof. Tier pricing stayed the same; perception changed completely.”

Isabel, interior designer, San Diego

For background, see how commercial printing works when decoding quotes.

Frequently asked questions

What is the color copies on client lookbooks?

24lb bond balances opacity and foldability for multi-page CMYK lookbooks. 20lb suits internal drafts. 80lb cover suits single-sheet boards. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.

Does heavier paper change tier pricing?

Letter tier rates like 499 letter pages at $109.74 (22.0¢ each) apply to text weights selected on proof. Cover stock carries premiums above text tiers. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.

Is 20lb ever best for color copies?

Yes for internal revisions and temp packets where hand-feel does not matter. Client-facing work usually steps to 24lb minimum. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.

How do I test paper before a 499-page run?

Order free sample package once. Compare weights under client viewing conditions. Approve exact stock on proof before bulk tier production. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.

Does cardstock work for lookbook covers only?

Common pattern: 80lb cover outside plus 24lb text interiors. Split line items instead of printing entire lookbook on cover weight. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.

How does paper affect color quality?

Thinner stock may show show-through and speckle on heavy CMYK fills. Proof on job stock because finish and weight change perceived color. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.

Can I reorder the same paper cheaply?

Archive stock code on proof. Next 999-page tier at 999 letter pages at $149.82 (15.0¢ each) matches prior color when PDF and weight repeat. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.

What weight for mail-delivered color packets?

24lb survives mail handling better than 20lb. Compare delivered tier totals with shipping at checkout. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.

Next step: Upload for a free proof at color copies. Cheap tier pricing, fast Rhode Island production, and proof-checked quality on every run.

Frequently asked questions

What is the color copies on client lookbooks?

24lb bond balances opacity and foldability for multi-page CMYK lookbooks. 20lb suits internal drafts. 80lb cover suits single-sheet boards. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.

Does heavier paper change tier pricing?

Letter tier rates like 499 letter pages at $109.74 (22.0¢ each) apply to text weights selected on proof. Cover stock carries premiums above text tiers. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.

Is 20lb ever best for color copies?

Yes for internal revisions and temp packets where hand-feel does not matter. Client-facing work usually steps to 24lb minimum. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.

How do I test paper before a 499-page run?

Order free sample package once. Compare weights under client viewing conditions. Approve exact stock on proof before bulk tier production. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.

Does cardstock work for lookbook covers only?

Common pattern: 80lb cover outside plus 24lb text interiors. Split line items instead of printing entire lookbook on cover weight. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.

How does paper affect color quality?

Thinner stock may show show-through and speckle on heavy CMYK fills. Proof on job stock because finish and weight change perceived color. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.

Can I reorder the same paper cheaply?

Archive stock code on proof. Next 999-page tier at 999 letter pages at $149.82 (15.0¢ each) matches prior color when PDF and weight repeat. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.

What weight for mail-delivered color packets?

24lb survives mail handling better than 20lb. Compare delivered tier totals with shipping at checkout. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.

About the author: Cheap RUSH Printing Copies Production Desk

Our desk documents color copies from live production jobs: where files fail, how tiers move totals, and which proof steps prevent expensive rework.

{“@context”: “https://schema.org”, “@type”: “FAQPage”, “mainEntity”: [{“@type”: “Question”, “name”: “What is the color copies on client lookbooks?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “24lb bond balances opacity and foldability for multi-page CMYK lookbooks. 20lb suits internal drafts. 80lb cover suits single-sheet boards. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “Does heavier paper change tier pricing?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Letter tier rates like 499 letter pages at $109.74 (22.0¢ each) apply to text weights selected on proof. Cover stock carries premiums above text tiers. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “Is 20lb ever best for color copies?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Yes for internal revisions and temp packets where hand-feel does not matter. Client-facing work usually steps to 24lb minimum. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “How do I test paper before a 499-page run?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Order free sample package once. Compare weights under client viewing conditions. Approve exact stock on proof before bulk tier production. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “Does cardstock work for lookbook covers only?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Common pattern: 80lb cover outside plus 24lb text interiors. Split line items instead of printing entire lookbook on cover weight. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “How does paper affect color quality?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Thinner stock may show show-through and speckle on heavy CMYK fills. Proof on job stock because finish and weight change perceived color. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “Can I reorder the same paper cheaply?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Archive stock code on proof. Next 999-page tier at 999 letter pages at $149.82 (15.0¢ each) matches prior color when PDF and weight repeat. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “What weight for mail-delivered color packets?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “24lb survives mail handling better than 20lb. Compare delivered tier totals with shipping at checkout. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “What is the color copies on client lookbooks?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “24lb bond balances opacity and foldability for multi-page CMYK lookbooks. 20lb suits internal drafts. 80lb cover suits single-sheet boards. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “Does heavier paper change tier pricing?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Letter tier rates like 499 letter pages at $109.74 (22.0¢ each) apply to text weights selected on proof. Cover stock carries premiums above text tiers. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “Is 20lb ever best for color copies?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Yes for internal revisions and temp packets where hand-feel does not matter. Client-facing work usually steps to 24lb minimum. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “How do I test paper before a 499-page run?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Order free sample package once. Compare weights under client viewing conditions. Approve exact stock on proof before bulk tier production. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “Does cardstock work for lookbook covers only?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Common pattern: 80lb cover outside plus 24lb text interiors. Split line items instead of printing entire lookbook on cover weight. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “How does paper affect color quality?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Thinner stock may show show-through and speckle on heavy CMYK fills. Proof on job stock because finish and weight change perceived color. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “Can I reorder the same paper cheaply?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Archive stock code on proof. Next 999-page tier at 999 letter pages at $149.82 (15.0¢ each) matches prior color when PDF and weight repeat. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “What weight for mail-delivered color packets?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “24lb survives mail handling better than 20lb. Compare delivered tier totals with shipping at checkout. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}]} {“@context”: “https://schema.org”, “@type”: “BlogPosting”, “headline”: “Color Copy Paper Guide: 20lb vs 24lb vs Cardstock”, “description”: “Practical color copies guidance with live cart pricing, proof workflow, and buyer checklists Compare providers and proof workflow for best.”, “image”: “https://www.cheaprushprinting.com/blog/wp-content/uploads/2026/07/color-copy-paper-guide-20lb-24lb-cardstock-hero-3-1024×663.png”, “author”: {“@type”: “Organization”, “name”: “Cheap RUSH Printing Copies Production Desk”, “url”: “https://www.cheaprushprinting.com”}, “publisher”: {“@type”: “Organization”, “name”: “Cheap RUSH Printing”, “url”: “https://www.cheaprushprinting.com”}, “mainEntityOfPage”: {“@type”: “WebPage”, “@id”: “https://www.cheaprushprinting.com/blog/color-copy-paper-guide-20lb-24lb-cardstock/”}, “inLanguage”: “en-US”} {“@context”: “https://schema.org”, “@type”: “FAQPage”, “mainEntity”: [{“@type”: “Question”, “name”: “What is the color copies on client lookbooks?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “24lb bond balances opacity and foldability for multi-page CMYK lookbooks. 20lb suits internal drafts. 80lb cover suits single-sheet boards. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “Does heavier paper change tier pricing?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Letter tier rates like 499 letter pages at $109.74 (22.0¢ each) apply to text weights selected on proof. Cover stock carries premiums above text tiers. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “Is 20lb ever best for color copies?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Yes for internal revisions and temp packets where hand-feel does not matter. Client-facing work usually steps to 24lb minimum. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “How do I test paper before a 499-page run?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Order free sample package once. Compare weights under client viewing conditions. Approve exact stock on proof before bulk tier production. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “Does cardstock work for lookbook covers only?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Common pattern: 80lb cover outside plus 24lb text interiors. Split line items instead of printing entire lookbook on cover weight. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “How does paper affect color quality?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Thinner stock may show show-through and speckle on heavy CMYK fills. Proof on job stock because finish and weight change perceived color. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “Can I reorder the same paper cheaply?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Archive stock code on proof. Next 999-page tier at 999 letter pages at $149.82 (15.0¢ each) matches prior color when PDF and weight repeat. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “What weight for mail-delivered color packets?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “24lb survives mail handling better than 20lb. Compare delivered tier totals with shipping at checkout. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “What is the color copies on client lookbooks?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “24lb bond balances opacity and foldability for multi-page CMYK lookbooks. 20lb suits internal drafts. 80lb cover suits single-sheet boards. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “Does heavier paper change tier pricing?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Letter tier rates like 499 letter pages at $109.74 (22.0¢ each) apply to text weights selected on proof. Cover stock carries premiums above text tiers. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “Is 20lb ever best for color copies?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Yes for internal revisions and temp packets where hand-feel does not matter. Client-facing work usually steps to 24lb minimum. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “How do I test paper before a 499-page run?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Order free sample package once. Compare weights under client viewing conditions. Approve exact stock on proof before bulk tier production. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “Does cardstock work for lookbook covers only?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Common pattern: 80lb cover outside plus 24lb text interiors. Split line items instead of printing entire lookbook on cover weight. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}, {“@type”: “Question”, “name”: “How does paper affect color quality?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Thinner stock may show show-through and speckle on heavy CMYK fills. Proof on job stock because finish and weight change perceived color. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “Can I reorder the same paper cheaply?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Archive stock code on proof. Next 999-page tier at 999 letter pages at $149.82 (15.0¢ each) matches prior color when PDF and weight repeat. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment.”}}, {“@type”: “Question”, “name”: “What weight for mail-delivered color packets?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “24lb survives mail handling better than 20lb. Compare delivered tier totals with shipping at checkout. Compare 199 pages at $59.68, 499 at $109.74, and 999 at $149.82 in our live cart before payment. Cheap tiers, fast production, and proof-checked quality apply.”}}]} {“@context”: “https://schema.org”, “@type”: “BlogPosting”, “headline”: “Color Copy Paper Guide: 20lb vs 24lb vs Cardstock”, “description”: “Practical color copies guidance with live cart pricing, proof workflow, and buyer checklists Compare providers and proof workflow for best.”, “image”: “https://www.cheaprushprinting.com/blog/wp-content/uploads/2026/07/color-copy-paper-guide-20lb-24lb-cardstock-hero-3-1024×663.png”, “author”: {“@type”: “Organization”, “name”: “Cheap RUSH Printing Copies Production Desk”, “url”: “https://www.cheaprushprinting.com”}, “publisher”: {“@type”: “Organization”, “name”: “Cheap RUSH Printing”, “url”: “https://www.cheaprushprinting.com”}, “mainEntityOfPage”: {“@type”: “WebPage”, “@id”: “https://www.cheaprushprinting.com/blog/color-copy-paper-guide-20lb-24lb-cardstock/”}, “inLanguage”: “en-US”}