TERN- Hauler Rack

Power in Motion Verified independent store

→

Tern Hauler Rack *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --black: #111110; --white: #fafaf8; --gray-100: #f5f5f3; --gray-200: #e8e8e5; --g ray-400: #a8a8a4; --gray-600: #6b6b67; --accent: #d95f2b; --accent-light: #f5e8e0; --font-sans: 'DM Sans', sans-serif; --font-mono: 'DM Mono', monospace; } body { font-family: var(--font-sans); background: var(--white); color: var(--black); min-height: 100vh; padding: 0; } .page { max-width: 760px; margin: 0 auto; padding: 3rem 2rem 5rem; } .breadcrumb { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--gray-400); font-family: var(--font-mono); margin-bottom: 2.5rem; letter-spacing: 0.02em; flex-wrap: wrap; } .breadcrumb span { color: var(--gray-200); } .product-header { margin-bottom: 2rem; } .badge-row { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 0.75rem; } .badge { display: inline-block; font-size: 10px; font-family: var(--font-mono); letter-spacing: 0.1em; text-transform: uppercase; background: var(--accent-light); color: var(--accent); border: 1px solid #e8c4ae; border-radius: 3px; padding: 3px 8px; } .badge-alt { display: inline-block; font-size: 10px; font-family: var(--font-mono); letter-spacing: 0.1em; text-transform: uppercase; background: var(--gray-100); color: var(--gray-600); border: 1px solid var(--gray-200); border-radius: 3px; padding: 3px 8px; } .badge-warn { display: inline-block; font-size: 10px; font-family: var(--font-mono); letter-spacing: 0.1em; text-transform: uppercase; background: #fff8e1; color: #b45309; border: 1px solid #fde68a; border-radius: 3px; padding: 3px 8px; } h1 { font-size: 34px; font-weight: 600; line-height: 1.15; color: var(--black); margin-bottom: 0.35rem; letter-spacing: -0.025em; } .subtitle { font-size: 13px; font-family: var(--font-mono); color: var(--gray-400); letter-spacing: 0.04em; margin-bottom: 0.5rem; } .tagline { font-size: 16px; color: var(--gray-600); line-height: 1.5; } .price-hero { display: flex; align-items: baseline; gap: 10px; margin-top: 1rem; } .price-hero .price { font-size: 32px; font-weight: 600; letter-spacing: -0.02em; color: var(--black); } .price-hero .price-note { font-size: 12px; color: var(--gray-400); font-family: var(--font-mono); } .divider { border: none; border-top: 1px solid var(--gray-200); margin: 2rem 0; } .description { font-size: 15px; line-height: 1.75; color: #333332; margin-bottom: 2rem; } .notice { background: #fff8e1; border: 1px solid #fde68a; border-radius: 8px; padding: 0.9rem 1.1rem; font-size: 13px; color: #92400e; margin-bottom: 2rem; line-height: 1.5; } .notice strong { font-weight: 600; } .stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--gray-200); border: 1px solid var(--gray-200); border-radius: 8px; overflow: hidden; margin-bottom: 2rem; } .stat { background: var(--white); padding: 1.1rem 0.75rem; text-align: center; } .stat-value { font-size: 17px; font-weight: 600; color: var(--black); letter-spacing: -0.02em; display: block; } .stat-label { font-size: 10px; color: var(--gray-400); font-family: var(--font-mono); margin-top: 4px; display: block; } .section-label { font-size: 13px; font-family: var(--font-sans); font-weight: 600; letter-spacing: -0.01em; color: var(--black); margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--accent); display: inline-block; } .features { display: flex; flex-direction: column; border: 1px solid var(--gray-200); border-radius: 8px; overflow: hidden; margin-bottom: 2rem; } .feature { display: grid; grid-template-columns: 3px 1fr; border-bottom: 1px solid var(--gray-200); transition: background 0.15s; } .feature:last-child { border-bottom: none; } .feature:hover { background: var(--gray-100); } .feature-accent { background: transparent; transition: background 0.15s; } .feature:hover .feature-accent { background: var(--accent); } .feature-content { padding: 1.1rem 1.25rem; } .feature-title { font-size: 14px; font-weight: 600; color: var(--black); margin-bottom: 3px; } .feature-desc { font-size: 13px; color: var(--gray-600); line-height: 1.5; } .spec-group { margin-bottom: 1.75rem; } .specs-table { width: 100%; border-collapse: collapse; border: 1px solid var(--gray-200); border-radius: 8px; overflow: hidden; font-size: 13px; } .specs-table tr { border-bottom: 1px solid var(--gray-200); } .specs-table tr:last-child { border-bottom: none; } .specs-table tr:hover td { background: var(--gray-100); } .specs-table td { padding: 9px 14px; background: var(--white); transition: background 0.1s; vertical-align: top; } .specs-table td:first-child { color: var(--gray-600); font-family: var(--font-mono); font-size: 11px; width: 42%; letter-spacing: 0.01em; } .specs-table td:last-child { color: var(--black); font-weight: 500; } .price-row { display: flex; align-items: baseline; gap: 12px; margin-bottom: 0.4rem; } .price { font-size: 28px; font-weight: 600; letter-spacing: -0.02em; color: var(--black); } .price-note { font-size: 12px; color: var(--gray-400); font-family: var(--font-mono); } .sku { font-size: 11px; color: var(--gray-400); font-family: var(--font-mono); letter-spacing: 0.04em; margin-bottom: 2rem; } .footer-line { border-top: 1px solid var(--gray-200); padding-top: 1.5rem; font-size: 12px; color: var(--gray-400); font-family: var(--font-mono); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; } @media (max-width: 560px) { h1 { font-size: 26px; } .stats { grid-template-columns: repeat(2, 1fr); } .page { padding: 2rem 1.25rem 4rem; } } accessories/tern/Hauler Rack Tern Front Cargo Rack 20 kg Capacity Open-Ended QR CMT Compatible Tern Cargo Bikes Only Hauler Rack · Front Cargo · Frame-Mounted · 20 kg · Open-Ended · Aluminum Tern Hauler Rack A compact front cargo rack that handles bulky, irregular loads without boxing you in — open-ended design, bungee cord included, four bolt-on crate mounts, and Quick Release CMT compatibility. Manoeuvrable under load without adding bike length. $241 CAD Tern cargo bikes only. The Hauler Rack is designed exclusively for compatible Tern cargo bikes. Use Tern's compatibility checker to confirm fit with your specific model before ordering. Quick Release CMT Gen 1 is optional and sold separately. 20 kg load capacity Open-ended for bulky cargo 0.86 kg rack weight The Tern Hauler Rack prioritises manoeuvrability and flexibility over maximum platform size. Smaller than the Transporteur Rack, it's designed for riders who need front cargo capacity but want a bike that still handles like a bike — it doesn't add length to compatible models, and the open-ended design means bags, backpacks, boxes, and awkward-shaped loads aren't constrained by rack walls. Four bolt-on holes accommodate crates when structured cargo is needed. Includes a bungee cord for securing loads without hardware. Quick Release CMT Gen 1 compatibility (optional, sold separately) allows the rack to be removed and reinstalled rapidly. Highlights Open-ended design — handles bulky and irregular loads No sidewalls means cargo isn't limited to a fixed footprint. Backpacks, grocery bags, boxes, and oversized items that wouldn't fit into a crated rack sit comfortably on the Hauler platform and are secured with the included bungee cord. More versatile day-to-day than a fixed-format crate system. Does not increase bike length — compact and manoeuvrable On compatible models, the Hauler Rack fits within the existing bike envelope without adding to overall length. Easier to navigate tight urban spaces, elevators, and storage areas compared to racks that extend the bike's footprint. Four bolt-on crate mounts — structured cargo when needed Four mounting holes allow bolt-on crates to be attached securely when a more structured cargo format is required. Switches from open platform to crated cargo without additional hardware beyond the crate itself. Quick Release CMT Gen 1 compatible Optional Quick Release CMT Gen 1 (sold separately) allows the rack to be removed and reinstalled without tools in seconds. Useful when the bike is used for both cargo and unloaded riding and a clean front end is preferred without the rack. Two rear-facing bottle cage mounts Built-in bottle cage mounting points at the rear of the rack — for water bottles on cargo rides or frame-mounted locks within reach while riding. Transporteur Rack — for dedicated crate/Eurocrate use If a larger structured crate platform is the primary use case, the Transporteur Rack ($276) is designed specifically for 300 × 400 mm Eurocrates with a larger 430 × 420 mm footprint and integral sidewalls. The Hauler is the more flexible, compact option; the Transporteur is the dedicated crate carrier. Specifications Brand Tern Model Hauler Rack Type Front cargo rack — frame-mounted, open-ended Load capacity 20 kg (44 lb) Rack weight 0.86 kg (1.9 lb) Material Aluminum Dimensions 320 × 315 × 215 mm (12.6 × 12.4 × 8.5 in) Crate mounts 4 × bolt-on holes Bottle cage mounts 2 × rear-facing Bungee cord Included QR system Quick Release CMT Gen 1 compatible (sold separately) Bike length impact None on compatible models Compatibility Tern cargo bikes only — verify with Tern compatibility checker Also available Transporteur Rack ($276) — larger Eurocrate-format platform $241 CAD Tern Hauler Rack · Front Cargo · Frame-Mounted · Open-Ended · 20 kg · Aluminum Tern © 2026 Hauler Rack Show more