Magnetic Shape Duplicator Tool
/* 0) Typography & Spacing System */ .product-detail-container { max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; overflow-wrap: break-word; word-break: br eak-word; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* 1) Design System (CSS Variables) */ --primary: #E65100; /* Industrial Tool Orange */ --primary-hover: #BF360C; --text-main: #1A202C; /* Deep Slate */ --text-sub: #4A5568; /* Medium Gray */ --bg-body: #FFFFFF; --bg-card: #F7FAFC; /* Cool Light Gray */ --border-color: #E2E8F0; --radius-md: 8px; --radius-lg: 12px; --shadow-sm: 0 4px 6px rgba(0,0,0,0.05); --shadow-lg: 0 10px 25px rgba(0,0,0,0.1); color: var(--text-main); background: var(--bg-body); font-size: 18px; line-height: 1.6; } .product-detail-container *, .product-detail-container *::before, .product-detail-container *::after { box-sizing: border-box; } /* Typography Sizes */ .product-detail-container h1 { font-size: clamp(32px, 5vw, 44px); font-weight: 800; line-height: 1.2; margin: 0 0 1rem 0; color: var(--text-main); letter-spacing: -0.02em; } .product-detail-container h2 { font-size: clamp(24px, 4vw, 32px); font-weight: 700; line-height: 1.3; margin: 0 0 1rem 0; color: var(--text-main); } .product-detail-container h3 { font-size: clamp(20px, 3vw, 24px); font-weight: 600; margin: 0 0 0.75rem 0; color: var(--text-main); } .product-detail-container p { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); margin: 0 0 1.5rem 0; } /* Utility & Badges (Non-clickable) */ .static-badge { display: inline-block; background: var(--bg-card); color: var(--primary); font-weight: 700; font-size: 16px; padding: 0.5rem 1rem; border-radius: 50px; border: 1px solid var(--border-color); margin-bottom: 1.5rem; text-transform: uppercase; letter-spacing: 0.05em; } .social-proof { font-size: 16px; font-weight: 600; color: var(--text-sub); display: flex; align-items: center; gap: 8px; margin-bottom: 2rem; } /* 2) Image Protocol */ .img-fluid { width: 100%; height: auto; display: block; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); } .placeholder-box { width: 100%; aspect-ratio: 4/3; background: var(--bg-card); border: 2px dashed var(--border-color); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; color: var(--text-sub); font-weight: bold; font-size: 20px; text-align: center; padding: 2rem; } /* Section Spacing */ .section-spacing { margin-top: clamp(3rem, 8vw, 6rem); margin-bottom: clamp(3rem, 8vw, 6rem); } .text-center { text-align: center; } /* Mobile Ordering Lock & Z-Pattern */ .features-wrapper { display: flex; flex-direction: column; gap: clamp(3rem, 6vw, 6rem); } .feature-item { display: flex; flex-direction: column; gap: 2rem; } .feature-media, .feature-copy { width: 100%; } @media (min-width: 768px) { .feature-item { flex-direction: row; align-items: center; gap: 4rem; } .feature-item:nth-child(even) { flex-direction: row-reverse; } .feature-media, .feature-copy { width: 50%; } } /* Highlight List */ .benefit-list { list-style: none; padding: 0; margin: 0 0 1.5rem 0; } .benefit-list li { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); margin-bottom: 0.75rem; display: flex; align-items: flex-start; gap: 12px; } .benefit-list li::before { content: '✓'; color: var(--primary); font-weight: bold; font-size: 22px; line-height: 1; } /* Specs Table */ .specs-container { background: var(--bg-card); padding: clamp(2rem, 5vw, 4rem); border-radius: var(--radius-lg); } .specs-table { width: 100%; border-collapse: collapse; margin-top: 2rem; background: var(--bg-body); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); } .specs-table th, .specs-table td { padding: 1.25rem 1.5rem; border: 1px solid var(--border-color); font-size: 18px; } .specs-table th { background: #F1F5F9; font-weight: 700; text-align: left; color: var(--text-main); } @media (max-width: 767px) { .specs-table, .specs-table thead, .specs-table tbody, .specs-table tr, .specs-table td { display: block; width: 100%; } .specs-table thead { display: none; /* Hide headers on mobile */ } .specs-table { background: transparent; box-shadow: none; border: none; } .specs-table tr { background: var(--bg-body); margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); } .specs-table td { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; border: none; border-bottom: 1px solid var(--border-color); padding: 1rem; } .specs-table td:last-child { border-bottom: none; } .specs-table td::before { content: attr(data-label); font-weight: 700; color: var(--text-main); flex-basis: 45%; flex-shrink: 0; } .specs-table td span { text-align: right; flex-grow: 1; } } /* FAQ Section */ .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { border-bottom: 1px solid var(--border-color); padding: 1.5rem 0; } .faq-item:last-child { border-bottom: none; } .faq-question { font-size: clamp(20px, 3vw, 22px); font-weight: 700; color: var(--text-main); margin-bottom: 0.5rem; } .faq-answer { font-size: 18px; color: var(--text-sub); margin: 0; } Professional Grade Tool Master Any Shape in Seconds The ultimate magnetic contour gauge for flawless cuts and perfect fits. ⭐⭐⭐⭐⭐ Trusted by 50,000+ DIYers & Pros Premium ABS Material Built for the toughest job sites. Engineered from high-impact ABS plastic, this contour gauge is highly durable, wear-resistant, and entirely rust-proof. Never warps or deforms over time Smooth edges won't scratch delicate surfaces Lightweight yet virtually unbreakable Instant Precision Duplication Eliminate guesswork and wasted materials. The built-in high-contrast scale allows you to accurately measure and trace simultaneously. Features both Inch & Metric markings Locks into place for exact transfer Saves hours of complicated measuring High-Density Flexible Pins Capture every single curve. The ultra-dense, smooth-gliding pins conform perfectly to irregular shapes, from winding pipes to detailed door casings. Seamless pin movement prevents sticking Deep profile reach for complex angles Creates a perfect template in one push Magnetic Back Design Work smarter, not harder. A powerful built-in magnetic core allows you to attach the gauge directly to metal surfaces for hands-free convenience. Frees up your hands for marking and cutting Stays securely in place on toolboxes Increases workflow efficiency by 50% Technical Specifications Engineered to meet the exact standards of professional craftsmen. Specification Details Premium Industrial ABS Plastic & Magnet Impact-resistant, Rust-proof, Non-marring 10.0 in / 25.4 cm Max 2.4 in / 6.0 cm 12.3 oz / 350.0 g Lightweight & toolbox-friendly Dual Markings Imperial (Inches) & Metric (Centimeters) Magnetic Core Allows hands-free operation on metal Frequently Asked Questions Will the plastic pins scratch my finished wood or flooring? No. We use a specially formulated, smooth-finish ABS plastic that glides safely against delicate surfaces without leaving any scratches, marks, or dents behind. Can it measure deep or awkward profiles like thick heating pipes? Yes, the pins are designed to extend up to 2.4 inches (6.0 cm) deep, which is more than enough to capture the exact contour of standard pipes, skirting boards, and irregular corners. Do the pins stay in place while I trace the shape onto my material? Absolutely. The core tension is carefully calibrated so the pins slide smoothly when pressed but hold their shape firmly once removed from the object, allowing for a highly precise trace.
More you might like
Related
Contour Gauge Saker Duplicator Profile Copy Shape Measuring
Related
Contour Gauge Saker Duplicator Profile Copy Shape Measuring
Related
Profile Duplication Gauge Shape Gauge Duplicator Plastic Con
Related