Custom Paint by Number
.pbn-usa-custom-container { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; line-height: 1.6; color: #2c3e50; background: #FFF9F1; p adding: 20px; border-radius: 12px; max-width: 100%; box-sizing: border-box; } .pbn-usa-custom-container * { box-sizing: border-box; } /* ---------- Typography ---------- */ .pbn-usa-custom-container .pbn-hero-title { font-size: clamp(1.75rem, 5vw, 2.5rem); color: #2c3e50; text-align: center; margin: 0 0 14px 0; font-weight: 700; line-height: 1.2; } .pbn-usa-custom-container .pbn-hero-accent { color: #ED4E39; } .pbn-usa-custom-container .pbn-section-title { font-size: clamp(1.25rem, 4vw, 1.75rem); color: #2c3e50; margin: 40px 0 18px 0; font-weight: 600; position: relative; padding-left: 20px; } .pbn-usa-custom-container .pbn-section-title::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 100%; background: linear-gradient(135deg, #ED4E39, #ff7568); border-radius: 2px; } .pbn-usa-custom-container .pbn-lead { font-size: clamp(1rem, 3vw, 1.15rem); color: #5a6c7d; text-align: center; max-width: 620px; margin: 0 auto 22px auto; } /* ---------- Hero & trust ---------- */ .pbn-usa-custom-container .pbn-hero-section { text-align: center; margin-bottom: 36px; padding: 30px 20px; background: linear-gradient(135deg, rgba(255,249,241,0.5), rgba(237,78,57,0.05)); border-radius: 16px; } .pbn-usa-custom-container .pbn-trust-badges { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 18px 0 0 0; } .pbn-usa-custom-container .pbn-badge { display: flex; align-items: center; gap: 8px; padding: 8px 16px; background: #fff; border-radius: 25px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); font-size: 0.9rem; font-weight: 500; white-space: nowrap; } .pbn-usa-custom-container .pbn-badge-icon { color: #ED4E39; font-size: 1.05rem; } /* ---------- Signature: process timeline ---------- */ .pbn-usa-custom-container .pbn-steps { display: grid; grid-template-columns: 1fr; gap: 14px; margin: 26px 0 10px 0; counter-reset: pbnstep; } .pbn-usa-custom-container .pbn-step { background: #fff; border-radius: 12px; padding: 18px 18px 18px 62px; box-shadow: 0 3px 10px rgba(0,0,0,0.08); position: relative; } .pbn-usa-custom-container .pbn-step::before { counter-increment: pbnstep; content: counter(pbnstep); position: absolute; left: 16px; top: 18px; width: 32px; height: 32px; background: linear-gradient(135deg, #ED4E39, #ff7568); color: #fff; font-weight: 700; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .pbn-usa-custom-container .pbn-step-day { display: inline-block; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #ED4E39; background: rgba(237,78,57,0.08); border-radius: 20px; padding: 3px 10px; margin-bottom: 6px; } .pbn-usa-custom-container .pbn-step-title { font-weight: 600; margin: 0 0 4px 0; font-size: 1.05rem; } .pbn-usa-custom-container .pbn-step p { margin: 0; font-size: 0.95rem; color: #5a6c7d; } /* ---------- Photo guide (do / don't) ---------- */ .pbn-usa-custom-container .pbn-photo-guide { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 24px 0; } .pbn-usa-custom-container .pbn-guide-card { background: #fff; border-radius: 12px; padding: 22px; box-shadow: 0 3px 10px rgba(0,0,0,0.08); } .pbn-usa-custom-container .pbn-guide-card h3 { margin: 0 0 12px 0; font-size: 1.05rem; font-weight: 600; } .pbn-usa-custom-container .pbn-guide-card ul { margin: 0; padding: 0; list-style: none; } .pbn-usa-custom-container .pbn-guide-card li { padding: 6px 0 6px 30px; position: relative; font-size: 0.95rem; color: #5a6c7d; } .pbn-usa-custom-container .pbn-guide-do li::before, .pbn-usa-custom-container .pbn-guide-dont li::before { position: absolute; left: 0; top: 6px; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 700; color: #fff; } .pbn-usa-custom-container .pbn-guide-do li::before { content: '✓'; background: #2e9e5b; } .pbn-usa-custom-container .pbn-guide-dont li::before { content: '✕'; background: #c9552e; } .pbn-usa-custom-container .pbn-guide-tip { background: rgba(237,78,57,0.06); border-left: 4px solid #ED4E39; border-radius: 8px; padding: 14px 16px; font-size: 0.95rem; margin: 4px 0 0 0; } /* ---------- Size & detail guide ---------- */ .pbn-usa-custom-container .pbn-size-cards { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 22px 0; } .pbn-usa-custom-container .pbn-size-card { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.08); border-top: 3px solid #ED4E39; } .pbn-usa-custom-container .pbn-size-card h3 { margin: 0 0 6px 0; font-size: 1rem; } .pbn-usa-custom-container .pbn-size-card p { margin: 0; font-size: 0.92rem; color: #5a6c7d; } .pbn-usa-custom-container .pbn-size-reco { display: inline-block; margin-top: 10px; font-size: 0.85rem; font-weight: 600; color: #ED4E39; } /* ---------- Kit contents ---------- */ .pbn-usa-custom-container .pbn-kit-contents { background: #fff; border-radius: 12px; padding: 26px; margin: 30px 0; box-shadow: 0 3px 10px rgba(0,0,0,0.08); } .pbn-usa-custom-container .pbn-kit-list { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 16px 0 0 0; padding: 0; list-style: none; } .pbn-usa-custom-container .pbn-kit-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px; background: #FFF9F1; border-radius: 8px; } .pbn-usa-custom-container .pbn-check-icon { flex-shrink: 0; width: 24px; height: 24px; background: #ED4E39; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: bold; } /* ---------- Use cases ---------- */ .pbn-usa-custom-container .pbn-benefits-grid { display: grid; grid-template-columns: 1fr; gap: 18px; margin: 26px 0; } .pbn-usa-custom-container .pbn-benefit-card { background: #fff; padding: 24px; border-radius: 12px; box-shadow: 0 3px 10px rgba(0,0,0,0.08); position: relative; overflow: hidden; } .pbn-usa-custom-container .pbn-benefit-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #ED4E39, #ff7568); } .pbn-usa-custom-container .pbn-benefit-icon { width: 48px; height: 48px; background: linear-gradient(135deg, #ED4E39, #ff7568); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 14px; } .pbn-usa-custom-container .pbn-benefit-title { font-size: 1.1rem; font-weight: 600; margin: 0 0 8px 0; } .pbn-usa-custom-container .pbn-benefit-text { font-size: 0.95rem; color: #5a6c7d; margin: 0; } /* ---------- Images, video, quotes ---------- */ .pbn-usa-custom-container .pbn-image-container { margin: 28px auto; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } .pbn-usa-custom-container .pbn-image-container img { width: 100%; height: auto; display: block; } .pbn-usa-custom-container .pbn-gallery { display: grid; grid-template-columns: 1fr; gap: 15px; margin: 26px 0; } .pbn-usa-custom-container .pbn-gallery-item { border-radius: 12px; overflow: hidden; box-shadow: 0 3px 10px rgba(0,0,0,0.1); } .pbn-usa-custom-container .pbn-gallery-item img { width: 100%; height: auto; display: block; } .pbn-usa-custom-container .pbn-video-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; margin: 26px 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } .pbn-usa-custom-container .pbn-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .pbn-usa-custom-container .pbn-quotes { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 22px 0; } .pbn-usa-custom-container .pbn-quote { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 3px 10px rgba(0,0,0,0.08); font-size: 0.95rem; color: #2c3e50; } .pbn-usa-custom-container .pbn-quote-stars { color: #ED4E39; letter-spacing: 2px; margin-bottom: 6px; } .pbn-usa-custom-container .pbn-quote-name { display: block; margin-top: 10px; font-size: 0.85rem; font-weight: 600; color: #5a6c7d; } /* ---------- FAQ ---------- */ .pbn-usa-custom-container .pbn-faq details { background: #fff; border-radius: 12px; box-shadow: 0 3px 10px rgba(0,0,0,0.08); margin-bottom: 12px; overflow: hidden; } .pbn-usa-custom-container .pbn-faq summary { cursor: pointer; list-style: none; padding: 16px 46px 16px 20px; font-weight: 600; position: relative; } .pbn-usa-custom-container .pbn-faq summary::-webkit-details-marker { display: none; } .pbn-usa-custom-container .pbn-faq summary::after { content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); color: #ED4E39; font-size: 1.4rem; font-weight: 600; } .pbn-usa-custom-container .pbn-faq details[open] summary::after { content: '−'; } .pbn-usa-custom-container .pbn-faq summary:focus-visible { outline: 3px solid rgba(237,78,57,0.5); outline-offset: -3px; } .pbn-usa-custom-container .pbn-faq .pbn-faq-body { padding: 0 20px 18px 20px; font-size: 0.95rem; color: #5a6c7d; } /* ---------- Desktop ---------- */ @media (min-width: 769px) { .pbn-usa-custom-container { padding: 40px; } .pbn-usa-custom-container .pbn-hero-section { padding: 50px 40px; margin-bottom: 50px; } .pbn-usa-custom-container .pbn-steps { grid-template-columns: repeat(4, 1fr); gap: 18px; } .pbn-usa-custom-container .pbn-step { padding: 58px 18px 18px 18px; } .pbn-usa-custom-container .pbn-step::before { left: 18px; top: 16px; } .pbn-usa-custom-container .pbn-photo-guide { grid-template-columns: 1fr 1fr; } .pbn-usa-custom-container .pbn-size-cards { grid-template-columns: repeat(3, 1fr); } .pbn-usa-custom-container .pbn-benefits-grid { grid-template-columns: repeat(3, 1fr); gap: 28px; } .pbn-usa-custom-container .pbn-kit-list { grid-template-columns: 1fr 1fr; gap: 18px; } .pbn-usa-custom-container .pbn-image-container { max-width: 750px; margin: 45px auto; } .pbn-usa-custom-container .pbn-gallery { grid-template-columns: repeat(2, 1fr); gap: 28px; max-width: 1000px; margin: 45px auto; } .pbn-usa-custom-container .pbn-gallery-item:nth-child(3) { grid-column: 1 / -1; max-width: 600px; margin: 0 auto; } .pbn-usa-custom-container .pbn-video-wrapper { max-width: 800px; margin: 45px auto; } .pbn-usa-custom-container .pbn-quotes { grid-template-columns: repeat(3, 1fr); } .pbn-usa-custom-container .pbn-section-title { margin: 50px 0 26px 0; font-size: 2rem; } } /* ---------- Motion ---------- */ @keyframes pbnUsaFadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .pbn-usa-custom-container .pbn-animate { animation: pbnUsaFadeInUp 0.6s ease-out; } @media (prefers-reduced-motion: reduce) { .pbn-usa-custom-container .pbn-animate { animation: none; } } Your Photo. Your Brush. Your Masterpiece. Upload a favorite photo and we turn it into a numbered canvas with perfectly matched paints. You paint it yourself, section by section, until the memory hangs on your wall. ★ Rated 4.8 (175+ reviews) 🌍 175,000+ kits painted worldwide 👩🎨 Every photo checked before printing 📦 Everything included, ready to paint From your phone to your wall Today Upload your photo Pick your size, frame option and color count, then choose your image right on this page. Quality check We check and optimize it A real person reviews your photo, balances the colors and simplifies tricky areas so it paints beautifully. If it won't work, we contact you before printing. Production Printed and packed Your canvas is printed in high resolution and packed with paints matched to your exact image. On its way At your door Unbox, put on some music and start painting. No experience needed, the numbers guide you. Photos that paint beautifully Great choices Close-up shots where faces fill the frame Even daylight, no harsh shadows Sharp, high-resolution images Up to 3 or 4 people or pets per photo Better avoid Dark, backlit or blurry photos Tiny faces in a wide scene Heavy filters that shift the colors Busy backgrounds with lots of small detail Not sure about your photo? Order anyway. We review every image before printing and reach out if a different photo would give you a better painting. Which size and color count should you pick? Portraits of 1 or 2 people Faces need room for clean detail. Bigger canvas, smoother skin tones and clearer eyes. Go 16"x20" or larger, 36 colors Pet portraits Fur lives from color depth. More colors keep the character of your best friend. Go 16"x16" or larger, 36 colors Groups and landscapes Lots of subjects and background detail need the most space and the finest palette. Go 20"x20" or larger, 48 colors Everything included in your kit ✓ High-quality canvas with your photo printed as a numbered outline ✓ Acrylic paint set matched to your exact image, 24, 36 or 48 colors ✓ Three brushes in different sizes for details and larger areas ✓ Printed reference sheet and simple step-by-step instructions What our painters create most 🐾 Pet portraits Dogs, cats and old friends we miss. Painting them stroke by stroke is the most personal tribute there is. 💑 Couples and family moments Wedding photos, grandkids, the vacation you still talk about. Memories you made, painted by you. 🎁 Gifts that mean something Give the kit, or paint it first and give the finished piece. Either way, nobody forgets this one. Canvas and paint quality up close See how it works in under 2 minutes What painters say about their custom kits ★★★★★ The photo of my dog, Mac, was perfect and easy to paint. I have had so many compliments on it. Joanne A. ★★★★★ Amazing quality, shipping was pretty fast for a custom product. Happy customer and have placed an order for more. Amanda K. ★★★★★ The painting turned out to be a highly accurate representation of the original photo! Jane G. Good to know before you order What if my photo doesn't work well? We check every image before printing. If your photo is too dark, blurry or detailed to paint well, we contact you and help you pick a better one. You never receive a canvas we wouldn't paint ourselves. I've never painted before. Can I really do this? Yes. Every area on the canvas has a number that matches exactly one paint pot. You simply fill them in, one section at a time. Beginners usually start with 24 colors, and the finished result surprises everyone, including you. Which size should I choose for a portrait? Faces need space. For portraits and pets we recommend at least 16"x20" with 36 colors, and 48 colors if you want maximum detail. Smaller sizes work best for simple photos with one clear subject. Can I return a custom kit? Since every kit is made from your personal photo, custom kits are produced individually for you. If anything arrives damaged or incomplete, contact us and we make it right.
More you might like
Related
Paint By Numbers - Photo / Custom Paint by Number Kits
Related
Custom Paint By Numbers Kit - Paint By Number Kit - Paint Y
Related
DIY Paint by Number Kits - Custom Image Paint by Numbers - P
Related