TERN - HQ™ Bag
Tern HQ Bag *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --black: #111110; --white: #fafaf8; --gray-100: #f5f5f3; --gray-200: #e8e8e5; --gray-4 00: #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/HQ Bag Tern Front Commuter Bag 10 L 13" Laptop + Tablet KLICKfix Rain Cover Included Luggage Truss Required HQ Bag · Front Commuter Bag · 10 L · Nylon Ripstop · KLICKfix · 13" Laptop + Tablet · Luggage Truss Mount Tern HQ Bag A 10-litre front commuter bag that clicks onto the Luggage Truss — padded compartments for a 13" laptop and a tablet, organiser pockets, a high-visibility rain cover, and a shoulder strap for carrying it into the office. The mobile headquarters for a work commute. $214 CAD Requires Luggage Truss Gen 2 or Luggage Truss CMT. The HQ Bag mounts via KLICKfix to a Luggage Truss — it does not attach directly to the bike. You need either the Luggage Truss Gen 2 ($97, head tube mount) or the Luggage Truss CMT ($103, Combo Mount) already installed. Verify which truss your bike takes using Tern's compatibility checker. Load limit is 2.7 kg (6 lb). 10 L bag volume 13" + tablet padded device compartments KLICKfix Luggage Truss mount The Tern HQ Bag is a front-mounted commuter bag built around the working rider's daily load: a padded, zippered compartment for a 13" laptop, a second padded compartment for a tablet, and front and internal pockets for chargers, cables, keys, and documents. It clicks onto an installed Luggage Truss via a recessed KLICKfix adapter — mounting to the frame rather than the handlebar, so steering stays unaffected by the load. At the destination, one press releases the bag and the adjustable shoulder strap carries it inside like a regular work bag. The nylon ripstop body is weather-resistant, and a high-visibility rain cover is included for sustained rain — pulled over the bag, it also makes the front of the bike significantly more visible in gloom. Highlights Laptop AND tablet — separate padded compartments Most bike bags with a device sleeve hold one device. The HQ Bag has two dedicated padded, zippered compartments — one sized for a 13" laptop, one for a tablet. Each device is isolated from the other and from the main compartment, so nothing presses screen-against-zipper during the ride. For commuters who carry both to work daily, this is the difference between a bike bag and a proper work bag that happens to mount on a bike. Frame-mounted via Luggage Truss — steering unaffected The Luggage Truss mounts to the frame's head tube area, not the handlebar or fork. The HQ Bag's weight — up to 2.7 kg loaded — rides on the frame, so the steering stays light and predictable. A handlebar-mounted bag of the same weight noticeably dampens and slows steering input; the truss mount avoids that entirely. This is the same frame-mount advantage shared across Tern's Luggage Truss accessories, including the Kanga Rack. Recessed KLICKfix adapter — click on, press off The KLICKfix adapter is recessed into the back panel of the bag, so the bag sits flat when carried off the bike and the adapter doesn't dig into your side on the shoulder strap. Mounting is a single downward click onto the Luggage Truss; removal is a button press. No straps, no threading — the on/off cycle takes seconds at each end of the commute, which is what makes taking the bag inside every time realistic. High-visibility rain cover included The nylon ripstop body sheds light rain on its own; for sustained rain, the included rain cover pulls over the entire bag and seals the water out — protecting the electronics inside. The cover is high-visibility, and because the bag rides at the front of the bike, the cover doubles as a visibility panel facing oncoming traffic in exactly the conditions where visibility is worst. It stows in the bag when not in use. Shoulder strap — the bag goes where you go The adjustable shoulder strap converts the HQ Bag into an off-bike work bag the moment it leaves the truss. Laptop, tablet, chargers, and documents all travel inside in one motion — nothing to repack into a second bag at the office door, and no electronics left on a parked bike. The 340 × 280 × 95 mm profile is proportioned like a slim messenger bag rather than a piece of bike luggage. HQ Bag vs Kanga Rack — same truss, different jobs Both mount to the same Luggage Truss via KLICKfix and swap in seconds. The HQ Bag ($214) is a structured commuter bag for electronics and work gear. The Kanga Rack ($124) is an open strap-platform for parcels, grocery bags, and irregular cargo. Many riders own both — the HQ Bag for the weekday commute, the Kanga Rack for weekend errands — and switch based on the day's load without touching the truss. Specifications Brand Tern Model HQ Bag Type Front commuter bag — KLICKfix Volume 10 L Load limit 2.7 kg (6 lb) Bag weight ~535g (1.18 lb) Material Nylon ripstop — weather-resistant Dimensions 340 × 280 × 95 mm (13.4 × 11 × 3.7 in) Device compartments 13" laptop + tablet — both padded and zippered Pockets Front and internal organiser pockets Rain cover Included — high-visibility Off-bike carry Adjustable shoulder strap Mounting Recessed KLICKfix adapter — quick-click Required mount Luggage Truss Gen 2 ($97) or Luggage Truss CMT ($103) Also available Kanga Rack ($124) — open strap platform for the same truss Compatible bikes Tern bikes with Luggage Truss installed — verify with Tern compatibility checker $214 CAD Tern HQ Bag · Front Commuter Bag · 10 L · Nylon Ripstop · KLICKfix · 13" Laptop + Tablet · Luggage Truss Required Tern © 2026 HQ Bag
More you might like
Related
Tern HQ Bag
Related
Tern HQ Bag
Related
Tern HQ Bag
Related