// blanks.jsx — Apparel silhouettes + launch color palette for No Cap Apparel.
// Two blanks (matches what we offer in Printify):
// - tee3001: Bella+Canvas 3001 — modern unisex retail fit
// - cc1717: Comfort Colors 1717 — boxy garment-dyed heavyweight
window.LAUNCH_COLORS = {
// Bella+Canvas 3001 colors (matches Printify Choice variants we offer)
black: { hex: "#0e0e0e", label: "Black" },
white: { hex: "#f7f5ef", label: "White" },
navy: { hex: "#1c2230", label: "Navy" },
heatherGray: { hex: "#a8a8a4", label: "Athletic Heather" },
charcoal: { hex: "#3f4045", label: "Dark Grey Heather" },
natural: { hex: "#e8dfc6", label: "Natural" },
softCream: { hex: "#efe6cf", label: "Soft Cream" },
militaryGreen:{ hex: "#4a4d3a", label: "Military Green" },
// Tank (BC 3480) — overlaps with BC 3001 colors plus a few sport hues
darkGrey: { hex: "#3b3b3a", label: "Dark Grey" },
trueRoyal: { hex: "#1d4e89", label: "True Royal" },
red: { hex: "#b22222", label: "Red" },
leaf: { hex: "#3f6e3f", label: "Leaf" },
// Performance (Sport-Tek ST350) — sport-leaning palette
trueRed: { hex: "#b22222", label: "True Red" },
forest: { hex: "#2c4030", label: "Forest Green" },
ironGrey: { hex: "#3b3f44", label: "Iron Grey" },
sand: { hex: "#d2c4a4", label: "Sand" },
// CC 9360 garment-dyed tank
granite: { hex: "#6f706e", label: "Granite" },
sandstone: { hex: "#cfb98c", label: "Sandstone" },
// Comfort Colors 1717 garment-dyed (slightly more washed)
pepper: { hex: "#3d3a36", label: "Pepper" },
ivory: { hex: "#ece2cc", label: "Ivory" },
blueJean: { hex: "#7a8fa6", label: "Blue Jean" },
moss: { hex: "#6a6f4a", label: "Moss" },
yam: { hex: "#a85a2a", label: "Yam" },
terracotta: { hex: "#a85842", label: "Terracotta" },
orchid: { hex: "#b787a8", label: "Orchid" },
butter: { hex: "#e8d68a", label: "Butter" },
chambray: { hex: "#9aabbe", label: "Chambray" },
espresso: { hex: "#3a2a22", label: "Espresso" },
ccBlack: { hex: "#1a1715", label: "Black (CC)" },
ccWhite: { hex: "#f1ebd9", label: "White (CC)" },
// Gildan 18500 hoodie / 18000 crew
sportGray: { hex: "#bfbfb8", label: "Sport Gray" },
darkHeather: { hex: "#3a3d42", label: "Dark Heather" },
ash: { hex: "#cfc9bc", label: "Ash" },
forest: { hex: "#2c4030", label: "Forest Green" },
lightPink: { hex: "#e8bcc4", label: "Light Pink" },
};
// Per-blank color whitelists — must match the colors we offer in Printify
window.BLANK_COLORS = {
tee3001: ["black","white","navy","heatherGray","charcoal","natural","softCream","militaryGreen"],
cc1717: ["ccBlack","pepper","ivory","blueJean","moss","yam","butter","chambray"],
tank3480: ["black","white","navy","heatherGray","darkGrey","trueRoyal","red","leaf"],
perf350: ["black","white","trueRoyal","trueRed","forest","navy","ironGrey","sand"],
cc9360: ["ccBlack","pepper","ivory","blueJean","butter","chambray","granite","sandstone"],
};
window.BLANK_DEFAULTS = {
tee3001: "white",
cc1717: "ivory",
tank3480: "white",
perf350: "white",
cc9360: "ivory",
};
window.BLANKS_META = [
{ id: "tee3001", label: "Classic Tee", sub: "Bella+Canvas 3001" },
{ id: "cc1717", label: "Vintage Tee", sub: "Comfort Colors 1717" },
{ id: "tank3480", label: "Tank Top", sub: "Bella+Canvas 3480" },
{ id: "cc9360", label: "Vintage Tank", sub: "Comfort Colors 9360 · garment-dyed" },
{ id: "perf350", label: "Performance Tee", sub: "Sport-Tek ST350 · moisture-wicking" },
];
// Helpers shared by all silhouettes
const _isDark = (hex) => {
const h = hex.replace("#","");
const r = parseInt(h.slice(0,2),16), g = parseInt(h.slice(2,4),16), b = parseInt(h.slice(4,6),16);
return (r*0.299 + g*0.587 + b*0.114) < 130;
};
const _stitch = (hex) => _isDark(hex) ? "rgba(255,255,255,0.20)" : "rgba(0,0,0,0.18)";
const _shadow = (hex) => _isDark(hex) ? "rgba(0,0,0,0.45)" : "rgba(0,0,0,0.10)";
// ---------- Bella+Canvas 3001 — modern unisex retail fit ----------
// Slimmer through the body, tapered sleeves, ribbed crew collar.
function Tee3001({ teeColor, children, blendMode }) {
const stitch = _stitch(teeColor);
return (
);
}
// ---------- Comfort Colors 1717 — boxy, garment-dyed, heavier ----------
// Wider through the body, drop shoulders, slightly wider neck, soft pigment dye uneven shading.
function CC1717({ teeColor, children, blendMode }) {
const stitch = _stitch(teeColor);
return (
);
}
// ---------- Gildan 18500 — pullover hoodie ----------
// Hood, kangaroo pouch, ribbed cuffs, drawstrings.
function Hoodie18500({ teeColor, children, blendMode }) {
const stitch = _stitch(teeColor);
const drawstring = _isDark(teeColor) ? "#ddd6c2" : "#3a342a";
return (
);
}
// ---------- Gildan 18000 — heavy crewneck ----------
// Ribbed crew collar, ribbed cuffs and waistband, no hood, no pouch.
function Crew18000({ teeColor, children, blendMode }) {
const stitch = _stitch(teeColor);
return (
);
}
// Per-blank design placement (inside the 1000x1000 viewBox).
// Y values target high-chest placement — top of design near collar, NOT centered.
window.BLANK_DESIGN_AREA = {
tee3001: { x: 250, y: 220, w: 500, h: 480 },
cc1717: { x: 245, y: 230, w: 510, h: 470 },
tank3480: { x: 290, y: 260, w: 420, h: 460 },
cc9360: { x: 290, y: 270, w: 420, h: 450 },
perf350: { x: 250, y: 230, w: 500, h: 470 },
};
// ───────── Bella+Canvas 3480 — Unisex Jersey Tank ─────────
// Body rectangle + two narrow shoulder straps, deep U armholes, scoop neck.
// Drawn as one closed path going clockwise from bottom-left.
function Tank3480({ teeColor, children }) {
const stitch = _stitch(teeColor);
// Single-path tank silhouette: body 280→720, straps 360–410 + 590–640
const tankPath = "M 280 905 L 280 340 Q 290 280 360 230 L 360 130 Q 360 100 395 100 L 425 100 Q 445 100 445 130 L 445 215 Q 470 250 500 250 Q 530 250 555 215 L 555 130 Q 555 100 575 100 L 605 100 Q 640 100 640 130 L 640 230 Q 710 280 720 340 L 720 905 Z";
return (
);
}
// ───────── Comfort Colors 9360 — Garment-Dyed Tank ─────────
// Boxier (wider body, broader straps) with garment-dye mottle.
function CC9360Tank({ teeColor, children }) {
const stitch = _stitch(teeColor);
const tankPath = "M 260 905 L 260 340 Q 270 270 340 220 L 340 125 Q 340 95 380 95 L 415 95 Q 440 95 440 125 L 440 215 Q 470 255 500 255 Q 530 255 560 215 L 560 125 Q 560 95 585 95 L 620 95 Q 660 95 660 125 L 660 220 Q 730 270 740 340 L 740 905 Z";
return (
);
}
window.BlankSilhouettes = {
tee3001: Tee3001,
cc1717: CC1717,
tank3480: Tank3480,
cc9360: CC9360Tank,
perf350: Tee3001, // performance tee uses same cut as classic tee
};
// Real Printify print-area dimensions (pixels @ 300 DPI). Use to size the
// generator's print-area preview accurately so what the user sees IS what
// gets printed.
window.PRINT_AREAS = {
tee3001: { w: 2767, h: 3362, label: "Bella+Canvas 3001 · front print" },
cc1717: { w: 3703, h: 4200, label: "Comfort Colors 1717 · front print" },
tank3480: { w: 3210, h: 3852, label: "Bella+Canvas 3480 Tank · front print" },
cc9360: { w: 3213, h: 3672, label: "Comfort Colors 9360 Tank · front print" },
perf350: { w: 1828, h: 2087, label: "Sport-Tek ST350 · front print" },
};