Custom Jersey Framing

Frameworth Sports Marketing Verified independent store

→

Custom Jersey Display Frame Showcase Your Prized Jersey with Professional Elegance North America's Premier Jersey Framing Since 1992 Your browser does not support the video tag. Se e The Process Watch how we transform a standard jersey into a museum-quality display piece in our Toronto workshop. Crafted in North America Premium Quality Since 1992 Officially Licensed Authentic NHL & NHLPA Frames Crafting Excellence Since 1992 Every frame tells a story. In our workshop, traditional craftsmanship meets modern preservation techniques, ensuring your treasured jerseys are displayed with the care they deserve. 🏒 Hockey Framing 🏆 Other Sports Licensed Display Authentic NHL branding Licensed team logos Official photographs Action Integration Game action photos Historic moments Custom photo selection Premium Options Puck displays Player nameplates Team color matting Multi-Sport Options Baseball jerseys Basketball jerseys Soccer kits Custom Design Sport-specific layouts Custom accessories Unique presentations Special Features Medal displays Certificate integration Multi-item layouts Why Choose Frameworth? Whether it's an autographed collectible or a meaningful game jersey, we create a polished presentation that protects the integrity of your memorabilia. ⭐ Premium Display Crystal-clear glazing, acid-neutral matting, and professional mounting systems. 🛡️ Quality Assurance Professional-grade framing designed to preserve the integrity of your item. 📦 Secure Shipping Professional packaging, insured delivery, and signature confirmation. 📦 Shipping & Delivery Registered courier service with insurance coverage, signature confirmation, and tracking provided for all orders. 📋 Service Terms Frame size varies by jersey dimensions. Display photos are examples only. All sales are final. /* SCOPED CSS */ .fw-desc-wrapper { --fw-navy: #0f172a; --fw-navy-light: #1e293b; --fw-gold: #c5a059; --fw-gold-light: #eaddb6; --fw-text: #334155; --fw-bg: #ffffff; --fw-bg-offset: #f8fafc; --fw-border: #e2e8f0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--fw-text); line-height: 1.6; /* FIX: Increased width for desktop */ max-width: 1200px; margin: 0 auto; background: var(--fw-bg); /* FIX: Ensure fonts don't shrink */ font-size: 16px; } .fw-desc-wrapper * { box-sizing: border-box; } .fw-desc-wrapper h1, .fw-desc-wrapper h2, .fw-desc-wrapper h3, .fw-desc-wrapper h4, .fw-desc-wrapper p, .fw-desc-wrapper ul, .fw-desc-wrapper li { margin: 0; padding: 0; color: inherit; } /* --- HEADER --- */ .fw-header { background: var(--fw-navy); color: white; padding: 3rem 1.5rem; text-align: center; border-radius: 8px; margin-bottom: 2.5rem; background-image: linear-gradient(135deg, #0f172a 0%, #1e3c72 100%); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); } .fw-title { font-size: 32px; /* Fixed PX size */ font-weight: 800; margin-bottom: 8px; color: white !important; letter-spacing: -0.02em; } .fw-subtitle { font-size: 18px; color: #cbd5e1 !important; font-weight: 300; margin-bottom: 20px; } .fw-badge { display: inline-block; background: rgba(197, 160, 89, 0.15); color: var(--fw-gold); border: 1px solid var(--fw-gold); padding: 4px 16px; border-radius: 50px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; } /* --- VERTICAL VIDEO OPTIMIZATION --- */ .fw-video-section { display: flex; align-items: center; justify-content: center; gap: 40px; margin-bottom: 3rem; padding: 20px; background: #000; border-radius: 12px; overflow: hidden; } .fw-video-container-vertical { /* Limits width to simulate mobile screen for vertical video */ max-width: 320px; width: 100%; border-radius: 12px; overflow: hidden; box-shadow: 0 0 30px rgba(197, 160, 89, 0.2); /* Gold glow */ border: 2px solid #333; } .fw-video-container-vertical video { width: 100%; display: block; height: auto; background: #000; } .fw-video-text { flex: 1; max-width: 400px; text-align: left; } .fw-video-text h3 { color: white !important; font-size: 24px; margin-bottom: 10px; } .fw-video-text p { color: #cbd5e1 !important; font-size: 16px; } /* --- TRUST GRID --- */ .fw-trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 3rem; } .fw-trust-card { border: 1px solid var(--fw-border); border-radius: 12px; padding: 30px; display: flex; flex-direction: column; align-items: center; text-align: center; background: var(--fw-bg-offset); transition: transform 0.2s ease; } .fw-trust-card:hover { transform: translateY(-2px); border-color: var(--fw-gold); } .fw-trust-img { height: 60px; object-fit: contain; margin-bottom: 16px; } .fw-logos { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; height: 40px; } .fw-logos img { height: 100%; width: auto; } .fw-divider { height: 20px; width: 1px; background: #ccc; } .fw-trust-text h3 { color: var(--fw-navy) !important; font-weight: 700; font-size: 18px; margin-bottom: 4px; } .fw-trust-text p { font-size: 14px; color: #64748b !important; } .fw-mini-gallery { display: flex; gap: 8px; margin-top: 20px; } .fw-mini-gallery img { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; border: 2px solid white; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } /* --- HERITAGE --- */ .fw-heritage { display: grid; grid-template-columns: 1fr 1.5fr; border-radius: 12px; overflow: hidden; background: var(--fw-navy); margin-bottom: 3rem; } .fw-heritage-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .fw-heritage-content { padding: 40px; display: flex; flex-direction: column; justify-content: center; text-align: left; } .fw-heritage-content h2 { color: var(--fw-gold) !important; font-size: 28px; margin-bottom: 16px; } .fw-heritage-content p { color: #e2e8f0 !important; font-size: 16px; } /* --- CSS TABS --- */ .fw-tabs-wrapper { margin-bottom: 3rem; } .fw-tab-input { display: none; } .fw-tab-nav { display: flex; justify-content: center; gap: 16px; margin-bottom: 30px; } .fw-tab-label { padding: 12px 32px; border: 2px solid var(--fw-navy-light); border-radius: 50px; cursor: pointer; font-weight: 600; color: var(--fw-navy); transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; font-size: 16px; } .fw-tab-label:hover { background: var(--fw-bg-offset); } /* Active State Logic */ #tab-hockey:checked ~ .fw-tab-nav label[for="tab-hockey"], #tab-other:checked ~ .fw-tab-nav label[for="tab-other"] { background: var(--fw-navy); color: var(--fw-gold); border-color: var(--fw-navy); box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2); } /* Content Display Logic */ .fw-tab-content { display: none; animation: fw-fade 0.5s ease; } #tab-hockey:checked ~ #content-hockey, #tab-other:checked ~ #content-other { display: block; } @keyframes fw-fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* --- FEATURES GRID --- */ .fw-features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .fw-feature-card { background: white; border: 1px solid var(--fw-border); padding: 30px; border-radius: 8px; border-top: 4px solid var(--fw-gold); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); } .fw-feature-card h3 { color: var(--fw-navy) !important; font-size: 18px; font-weight: 700; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid var(--fw-border); } .fw-list { list-style: none; margin: 0; padding: 0; } .fw-list li { padding: 6px 0; font-size: 15px; position: relative; padding-left: 20px; color: var(--fw-text); } .fw-list li::before { content: "•"; color: var(--fw-gold); position: absolute; left: 0; font-weight: bold; } /* --- DETAILS SECTION --- */ .fw-section-header { text-align: center; max-width: 800px; margin: 0 auto 40px; } .fw-section-header h2 { color: var(--fw-navy) !important; font-size: 28px; margin-bottom: 16px; } .fw-details-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-bottom: 3rem; } .fw-detail-item { text-align: center; padding: 24px; } .fw-detail-icon { font-size: 40px; margin-bottom: 16px; } .fw-detail-item h4 { color: var(--fw-navy) !important; font-size: 18px; margin-bottom: 8px; font-weight: 700; } .fw-detail-item p { font-size: 15px; color: #64748b !important; } /* --- FOOTER --- */ .fw-footer { background: var(--fw-bg-offset); border-radius: 12px; padding: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; border: 1px solid var(--fw-border); } .fw-footer h4 { color: var(--fw-navy) !important; font-weight: 700; margin-bottom: 8px; } .fw-footer p { font-size: 14px; color: var(--fw-text) !important; } /* --- RESPONSIVE --- */ @media (max-width: 768px) { .fw-header { padding: 2rem 1rem; } .fw-title { font-size: 24px; } .fw-video-section { flex-direction: column; text-align: center; gap: 20px; } .fw-video-text { text-align: center; } .fw-trust-grid, .fw-features-grid, .fw-details-grid, .fw-footer, .fw-heritage { grid-template-columns: 1fr; } .fw-heritage-img { height: 200px; } .fw-heritage-content { padding: 24px; } .fw-tab-nav { flex-direction: column; } .fw-tab-label { width: 100%; justify-content: center; } } Show more