The North Face Class V Brimmer
Class V Brimmer @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500;600&display=swap'); :root { --black: #0a0 a0a; --white: #ffffff; --mid: #f5f5f5; --border: #e8e8e8; --muted: #999; --body: #222; } * { box-sizing: border-box; margin: 0; padding: 0; } .spur-wrap { font-family: 'Barlow', sans-serif; background: var(--white); color: var(--black); max-width: 1100px; margin: 0 auto; padding: 48px 24px; } .spur-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; border-bottom: 1px solid var(--border); padding-bottom: 24px; flex-wrap: wrap; gap: 12px; } .spur-title { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(28px, 5vw, 48px); font-weight: 800; letter-spacing: -0.02em; line-height: 1; text-transform: uppercase; } .spur-meta { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); } .tab-radio { display: none; } .tab-nav { display: flex; gap: 4px; margin-bottom: 32px; flex-wrap: wrap; } .tab-nav label { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 24px; background: var(--mid); color: var(--muted); border: 1px solid var(--border); cursor: pointer; transition: all 0.15s; border-radius: 2px; display: inline-block; user-select: none; } .tab-nav label:hover { color: var(--black); border-color: #aaa; } .spur-panels .tab-panel { display: none; } #tab-desc:checked ~ .tab-nav label[for="tab-desc"], #tab-key:checked ~ .tab-nav label[for="tab-key"], #tab-specs:checked ~ .tab-nav label[for="tab-specs"], #tab-care:checked ~ .tab-nav label[for="tab-care"] { background: var(--black); color: var(--white); border-color: var(--black); } #tab-desc:checked ~ .spur-panels .desc-panel { display: block; } #tab-key:checked ~ .spur-panels .key-panel { display: block; } #tab-specs:checked ~ .spur-panels .specs-panel { display: block; } #tab-care:checked ~ .spur-panels .care-panel { display: block; } .spur-panel p { font-size: 14px; font-weight: 300; line-height: 1.7; color: var(--body); margin-bottom: 16px; } .desc-intro { font-size: 16px; font-weight: 400; line-height: 1.65; color: var(--body); margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid var(--border); } .key-section { border-bottom: 1px solid var(--border); padding: 16px 0; } .key-section:last-child { border-bottom: none; } .key-title { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 6px; } .key-desc { font-size: 14px; font-weight: 300; color: var(--body); line-height: 1.5; } .spec-row { display: grid; grid-template-columns: 200px 1fr; border-bottom: 1px solid var(--border); } .spec-key { font-size: 12px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); padding: 12px 16px 12px 0; } .spec-val { font-size: 14px; font-weight: 300; color: var(--body); padding: 12px 0; line-height: 1.5; } .spec-category { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin: 24px 0 8px 0; color: var(--muted); } .spec-category:first-child { margin-top: 0; } @media (max-width: 600px) { .spec-row { grid-template-columns: 1fr; } .spec-key { padding-bottom: 2px; } .spec-val { padding-top: 0; padding-bottom: 12px; } } Class V Brimmer Hat · Sun / Water Description Key Features Specifications Care The Class V Brimmer Hat provides quick-drying, 360-degree sun protection. With a cinchable cord and carry loop at the back, it's ideal for wet days, warm days and everything in between. It's proudly recommended by The Skin Cancer Foundation, earning their Seal of Recommendation for safe and effective UV protection. FlashDry™ Moisture Management FlashDry™ materials offer enhanced moisture management to help keep you comfortable UPF 50 Sun Protection Ultraviolet Protection Factor (UPF) 50 — proudly recommended by The Skin Cancer Foundation for safe and effective UV protection 360° Brim Coverage Full-circumference brim shades face, ears, and neck from sun on all sides Floatable Brim Low-density brim stays afloat in water for worry-free wear around rivers, lakes, and pools Adjustable Chin Strap 100% recycled polyester chin strap with cord lock for a secure, customizable fit in wind and waves Carry Loop Cinchable cord and carry loop at the back of the hat for pack-clip carry and quick adjustability Daisy Chain Self-fabric daisy chain on the crown band for clipping small gear or sunglasses Recycled Materials Recycled content – Helps reduce landfill waste and the use of virgin materials. General Type Hat (Brimmer) Activity Sun / Water Gender Unisex Dimensions Sizes S/M, L/XL Construction Body 68% recycled nylon, 26% nylon, 6% elastane with FlashDry™ Sweatband 94% recycled polyester, 6% polyester with FlashDry™ Chin Strap 100% recycled polyester with cord lock Sun Protection UPF 50 Cleaning Hand wash with mild soap and cool water. Do not machine wash or bleach. Drying Reshape and air dry at room temperature away from direct heat or sunlight. Storage Store flat or rolled in a cool, dry place away from direct sunlight.
More you might like
THE NORTH FACE NORTH FACE WOMEN'S CLASS V SHORT
THE NORTH FACE NORTH FACE MEN'S CLASS V PULLOVER
THE NORTH FACE NORTH FACE WOMEN'S CLASS V SHORT
Related