Yellow Character Pencil Case Set with Colored Pencils

PulinGO Verified independent store

→

.yellow-art-kit{ --dark:#202124; --yellow:#f5d328; --soft:#fff6b8; --paper:#fffdf4; --muted:#6f7074; --red:#e7685d; --blue:#68a7d4; --green:#79b788; --purple:#9b79b6; max-width:105 0px; margin:0 auto; color:var(--dark); font-family:Arial,Helvetica,sans-serif; line-height:1.55; } .yellow-art-kit *, .yellow-art-kit *:before, .yellow-art-kit *:after{ box-sizing:border-box; } .yak-hero{ display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:center; padding:34px; border:5px solid var(--dark); border-radius:22px; background: linear-gradient(135deg,rgba(245,211,40,.15) 25%,transparent 25%) 0 0/38px 38px, var(--paper); box-shadow:12px 12px 0 rgba(32,33,36,.12); } .yak-label{ display:inline-block; padding:8px 12px; border:3px solid var(--dark); border-radius:999px; background:var(--yellow); color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; font-size:10px!important; font-weight:900!important; text-transform:uppercase!important; } .yak-copy h2{ margin:18px 0 13px!important; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; font-size:clamp(34px,5vw,52px)!important; line-height:1.05!important; font-weight:950!important; } .yak-copy h2 span{ display:block; color:#b78f00!important; -webkit-text-fill-color:#b78f00!important; } .yak-copy p{ margin:0!important; color:var(--muted)!important; -webkit-text-fill-color:var(--muted)!important; font-size:16px!important; } .yak-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; } .yak-chips span{ padding:8px 10px; border:2px solid var(--dark); border-radius:8px; background:#ffffff; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; font-size:11px!important; font-weight:850!important; } .yak-case-display{ position:relative; min-height:390px; padding:60px 25px 25px; border:5px solid var(--dark); border-radius:24px; background:linear-gradient(145deg,#ffe56a,#e9b900); } .yak-case-title{ position:absolute; left:50%; top:17px; transform:translateX(-50%); padding:7px 12px; border:3px solid var(--dark); border-radius:999px; background:#ffffff; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; white-space:nowrap; font-size:10px!important; font-weight:900!important; } .yak-case{ position:relative; width:250px; height:220px; margin:15px auto 0; border:6px solid var(--dark); border-radius:55px 55px 25px 25px; background:#f5ce21; box-shadow:8px 8px 0 rgba(32,33,36,.18); } .yak-case:before{ content:""; position:absolute; left:50%; top:-32px; width:86px; height:37px; transform:translateX(-50%); border:6px solid var(--dark); border-bottom:0; border-radius:25px 25px 0 0; } .yak-face{ position:absolute; left:50%; top:42px; width:130px; height:82px; transform:translateX(-50%); border:4px solid var(--dark); border-radius:50%; background:var(--soft); } .yak-face:before{ content:""; position:absolute; left:28px; top:25px; width:9px; height:9px; border-radius:50%; background:var(--dark); box-shadow:58px 0 0 var(--dark); } .yak-face:after{ content:""; position:absolute; left:50%; bottom:16px; width:28px; height:10px; transform:translateX(-50%); border-bottom:4px solid var(--dark); border-radius:50%; } .yak-case-sections{ position:absolute; left:18px; right:18px; bottom:18px; display:grid; grid-template-columns:1fr 1fr; gap:9px; } .yak-case-sections span{ padding:13px 7px; border:3px solid var(--dark); border-radius:10px; background:#ffffff; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; text-align:center; font-size:9px!important; font-weight:900!important; } .yak-stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; margin-top:20px; border:4px solid var(--dark); background:var(--dark); } .yak-stat{ padding:16px 9px; background:#ffffff; text-align:center; } .yak-stat strong{ display:block; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; font-size:14px!important; } .yak-stat span{ color:var(--muted)!important; -webkit-text-fill-color:var(--muted)!important; font-size:11px!important; } .yak-section{ padding:48px 18px 0; } .yak-section h3{ margin:0 0 20px!important; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; font-size:28px!important; line-height:1.2!important; } .yak-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; } .yak-card{ min-height:165px; padding:21px; border:3px solid var(--dark); border-radius:14px; background:#ffffff; } .yak-card:nth-child(2){background:#fff6cf;} .yak-card:nth-child(3){background:#edf7ef;} .yak-card:nth-child(4){background:#eaf4fb;} .yak-card:nth-child(5){background:#f8ecec;} .yak-card:nth-child(6){background:#f3edf8;} .yak-card:nth-child(7){background:#fff3df;} .yak-card:nth-child(8){background:#f1f1f1;} .yak-card strong{ display:block; margin-bottom:7px; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; font-size:16px!important; } .yak-card p{ margin:0!important; color:var(--muted)!important; -webkit-text-fill-color:var(--muted)!important; font-size:13px!important; } .yak-storage{ display:grid; grid-template-columns:1fr 1fr; gap:16px; } .yak-storage-card{ min-height:190px; padding:25px; border:4px solid var(--dark); border-radius:16px; background:var(--soft); } .yak-storage-card.dark{ background:var(--dark); } .yak-storage-card h4{ margin:0 0 7px!important; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; font-size:19px!important; } .yak-storage-card p{ margin:0!important; color:var(--muted)!important; -webkit-text-fill-color:var(--muted)!important; font-size:14px!important; } .yak-storage-card.dark, .yak-storage-card.dark *, .yak-storage-card.dark h4, .yak-storage-card.dark p{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .yak-colors{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; } .yak-color{ min-height:85px; display:flex; align-items:center; justify-content:center; border:3px solid var(--dark); border-radius:13px; background:var(--red); color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:11px!important; font-weight:900!important; } .yak-color:nth-child(2){background:var(--blue);} .yak-color:nth-child(3){background:var(--green);} .yak-color:nth-child(4){background:var(--purple);} .yak-footer{ margin-top:48px; padding:35px 24px; border:9px solid var(--yellow); border-radius:18px; background:var(--dark); text-align:center; } .yak-footer, .yak-footer *, .yak-footer h3, .yak-footer p{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .yak-footer h3{ margin:0 0 7px!important; font-size:27px!important; } .yak-footer p{ max-width:700px; margin:0 auto!important; } .yak-faq{ margin-top:48px; border:5px solid var(--dark); border-radius:18px; overflow:hidden; } .yak-faq-title{ padding:20px; border-bottom:5px solid var(--dark); background:var(--yellow); } .yak-faq-title h3{ margin:0!important; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; font-size:26px!important; } .yak-faq-item{ border-bottom:3px solid var(--dark); background:#ffffff; } .yak-faq-item:last-child{ border-bottom:0; } .yak-faq-button{ width:100%; display:grid; grid-template-columns:1fr 40px; gap:12px; align-items:center; padding:16px 18px; border:0; background:#ffffff; color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; text-align:left; cursor:pointer; font-size:15px!important; font-weight:900!important; } .yak-plus{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:3px solid var(--dark); border-radius:8px; background:var(--yellow); color:var(--dark)!important; -webkit-text-fill-color:var(--dark)!important; font-size:22px!important; transition:.25s ease; } .yak-faq-item.open .yak-plus{ transform:rotate(45deg); background:var(--dark); color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .yak-faq-content{ max-height:0; overflow:hidden; opacity:0; transition:max-height .3s ease,opacity .2s ease; } .yak-faq-answer{ padding:0 18px 18px; color:var(--muted)!important; -webkit-text-fill-color:var(--muted)!important; font-size:14px!important; } .yak-faq-item.open .yak-faq-content{ opacity:1; } @media(max-width:850px){ .yak-hero{ grid-template-columns:1fr; } .yak-grid, .yak-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:560px){ .yak-hero{ padding:22px; } .yak-grid, .yak-stats, .yak-storage, .yak-colors{ grid-template-columns:1fr; } .yak-case{ width:215px; } } Yellow Creative School Set Draw, Color and Organize Inside One Pencil Case Yellow two-compartment pencil case with colored pencils, writing tools and everyday drawing accessories. 16 Colored Pencils 2 HB Pencils 2 Compartments Drawing Pad Included Double-Zip Pencil Case COLOR TOOLS SCHOOL TOOLS 16 Colors Colored pencils 2 HB Pencils Writing and sketching 2 Zip Sections Organized storage 100% Polyester Soft case material Included School and Art Supplies 16 Colored Pencils For coloring, shading and creative drawings. 2 HB Pencils For writing, outlines and homework. Pencil Sharpener Keeps compatible pencils ready to use. Eraser For simple graphite corrections. 6-Inch Ruler For measuring and straight lines. Notepad For notes, doodles and short activities. Coloring Pad For drawing and coloring practice. Pencil Case Two separate zippered compartments. Two-Compartment Organization Color Compartment Keep the 16 colored pencils together and easy to select. School Tool Compartment Store pencils, ruler, eraser and sharpener separately. Color, Sketch and Create OUTLINES BACKGROUNDS NATURE DETAILS A Bright Creative Set for School and Home Keep drawing and writing supplies together inside a soft, compact pencil case. Frequently Asked Questions What is included in the set? + The set includes a pencil case, 16 colored pencils, two HB pencils, a sharpener, eraser, 6-inch ruler and a notepad or coloring pad. How many compartments are included? + The pencil case has two zippered compartments. What material is the case? + The case is made from 100% polyester. What are the approximate dimensions? + The listed size is approximately 5.11 × 1.57 × 7.87 inches. Can the case be cleaned? + Light surface marks may be wiped gently with a damp cloth. (function(){ var script = document.currentScript; var wrapper = script.previousElementSibling; if(!wrapper || !wrapper.classList.contains("yellow-art-kit")){ return; } var items = wrapper.querySelectorAll(".yak-faq-item"); function updateItem(item){ var content = item.querySelector(".yak-faq-content"); var button = item.querySelector(".yak-faq-button"); var open = item.classList.contains("open"); content.style.maxHeight = open ? content.scrollHeight + "px" : "0px"; button.setAttribute("aria-expanded",open ? "true" : "false"); } items.forEach(function(item){ item.querySelector(".yak-faq-button") .addEventListener("click",function(){ var wasOpen = item.classList.contains("open"); items.forEach(function(other){ other.classList.remove("open"); updateItem(other); }); if(!wasOpen){ item.classList.add("open"); updateItem(item); } }); updateItem(item); }); window.addEventListener("resize",function(){ items.forEach(function(item){ if(item.classList.contains("open")){ updateItem(item); } }); }); })(); Show more