1<!DOCTYPE html> 2<html lang="en"> 3<head> 4
4<script> 5 document.addEventListener('error', function (event) { 6 var img = event.target; 7 if (!img || img.tagName !== 'IMG' || img.getAttribute('data-fs-original')) { 8 return; 9 } 10 var failed = img.currentSrc || img.src || ''; 11 if (failed.indexOf('cdn.freshstore.cloud/') === -1 || !/[?&]width=/.test(failed)) { 12 return; 13 } 14 var original = failed.split('?')[0]; 15 img.setAttribute('data-fs-original', original); 16 if (img.parentNode && img.parentNode.tagName === 'PICTURE') { 17 var sources = img.parentNode.getElementsByTagName('source'); 18 for (var i = sources.length - 1; i >= 0; i--) { 19 sources[i].parentNode.removeChild(sources[i]); 20 } 21 } 22 img.removeAttribute('srcset'); 23 img.removeAttribute('sizes'); 24 img.src = original; 25 }, true); 26</script>
26 27 <meta charset="utf-8"> 28<meta name="viewport" content="width=device-width, initial-scale=1"> 29<title>Search - Coloured Pencils Canada</title> 30<meta name="csrf-token" content="QmC4AgDcW0Eb9MwmTXV8sxK6JmJv63cIyGms2BRT"> 31<meta name="description" content="The search page for Coloured Pencils Canada lets you find products quickly and easily."> 32<meta name="keywords" content=""> 33<meta property="og:type" content="website"> 34<meta property="og:site_name" content="Coloured Pencils Canada"> 35<meta property="og:title" content="Search - Coloured Pencils Canada"> 36<meta property="og:url" content="https://colouredpencilcanada.ca/search"> 37<meta property="og:description" content="The search page for Coloured Pencils Canada lets you find products quickly and easily."> 38<meta property="og:image" content="https://cdn.freshstore.cloud/template/crystal/images/opengraph_all_001.png"> 39<meta name="twitter:card" content="summary"> 40<meta name="twitter:site" content=""> 41<meta name="twitter:title" content="Search - Coloured Pencils Canada"> 42<meta name="twitter:description" content="The search page for Coloured Pencils Canada lets you find products quickly and easily."> 43<meta name="twitter:image" content="https://cdn.freshstore.cloud/template/crystal/images/opengraph_all_001.png"> 44 45 46 <link rel="canonical" href="https://colouredpencilcanada.ca/search"/> 47 48 <link rel="icon" href="/favicon.ico" sizes="32x32"> 49<link rel="icon" href="/icon.svg" type="image/svg+xml"> 50<link rel="apple-touch-icon" href="/apple-touch-icon.png"> 51<link rel="manifest" href="/manifest.webmanifest"> 52 <link rel="stylesheet" href="https://rsms.me/inter/inter.css"> 53 54 <link rel="preload" as="style" href="https://colouredpencilcanada.ca/build/assets/app-Cws3JLuB.css" /><link rel="modulepreload" href="https://colouredpencilcanada.ca/build/assets/app-BKMFZYtq.js" /><link rel="stylesheet" href="https://colouredpencilcanada.ca/build/assets/app-Cws3JLuB.css" data-navigate-track="reload" />
54<script type="module" src="https://colouredpencilcanada.ca/build/assets/app-BKMFZYtq.js" data-navigate-track="reload"></script>
54
54<script type="speculationrules"> 55{ 56 "prerender": [{ 57 "where": { 58 "and": [ 59 { "href_matches": "/*" }, 60 { "not": { "href_matches": ["/out/*", "/account", "/account/*", "/admin", "/admin/*", "/cart", "/cart/*", "/livewire/*", "/*.xml", "/*.txt"] } }, 61 { "not": { "selector_matches": ["a.fs-al", "[rel~=sponsored]", "[rel~=nofollow]", "[target=_blank]", "[data-no-prerender]"] } } 62 ] 63 }, 64 "eagerness": "moderate" 65 }] 66} 67</script>
67 68<style> 69 @view-transition { navigation: auto; } 70 @media (prefers-reduced-motion: reduce) { 71 @view-transition { navigation: none; } 72 } 73</style> 74 75 76 <link rel="stylesheet" href="https://cdn.freshstore.cloud/shared/fonts/outfit.css"> 77<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 78<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/outfit-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 79<link rel="stylesheet" href="https://cdn.freshstore.cloud/shared/fonts/inter.css"> 80<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 81<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 82 83 84 <style> 85 :root { 86 --font-title: 'Outfit', sans-serif; 87 --font-subtitle: 'Outfit', sans-serif; 88 --font-body: 'Inter', sans-serif; 89 } 90 </style> 91 92 <style id="fs-crystal-semantic-colours"> 93 /* Text: solid, because text must contrast whatever the page is. */ 94 .fs-template-crystal .text-gray-900, 95 .fs-template-crystal .text-gray-800 { 96 color: rgb(var(--color-title)); 97 } 98 99 .fs-template-crystal .hover\:text-gray-800:hover { 100 color: rgb(var(--color-title)); 101 } 102 103 .fs-template-crystal .text-gray-700, 104 .fs-template-crystal .text-gray-600 { 105 color: rgb(var(--color-text)); 106 } 107 108 .fs-template-crystal .group:hover .group-hover\:text-gray-600 { 109 color: rgb(var(--color-text)); 110 } 111 112 .fs-template-crystal .text-gray-500 { 113 color: rgb(var(--color-light)); 114 } 115 116 .fs-template-crystal .hover\:text-gray-500:hover, 117 .fs-template-crystal .group:hover .group-hover\:text-gray-500 { 118 color: rgb(var(--color-light)); 119 } 120 121 .fs-template-crystal .placeholder-gray-500::placeholder { 122 color: rgb(var(--color-light)); 123 } 124 125 .fs-template-crystal .fill-gray-600 { 126 fill: rgb(var(--color-text)); 127 } 128 129 /* Decoration: separators, spinner tracks, a chevron. These are ink, but 130 they carry no words, so they sit near the page rather than clear of it. */ 131 .fs-template-crystal .text-gray-400 { 132 color: rgba(var(--color-light), 0.66); 133 } 134 135 .fs-template-crystal .fill-gray-400 { 136 fill: rgba(var(--color-light), 0.66); 137 } 138 139 .fs-template-crystal .text-gray-300 { 140 color: rgba(var(--color-light), 0.3); 141 } 142 143 .fs-template-crystal .hover\:text-gray-300:hover { 144 color: rgba(var(--color-light), 0.3); 145 } 146 147 .fs-template-crystal .text-gray-200 { 148 color: rgba(var(--color-light), 0.17); 149 } 150 151 /* Rules. 0.25 on the 200 weight is the value already shipped. */ 152 .fs-template-crystal .border-gray-200 { 153 border-color: rgba(var(--color-light), 0.25); 154 } 155 156 .fs-template-crystal .border-gray-300 { 157 border-color: rgba(var(--color-light), 0.3); 158 } 159 160 .fs-template-crystal .focus\:border-gray-400:focus { 161 border-color: rgba(var(--color-light), 0.66); 162 } 163 164 .fs-template-crystal .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { 165 border-color: rgba(var(--color-light), 0.25); 166 } 167 168 @media (min-width: 640px) { 169 .fs-template-crystal .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) { 170 border-color: rgba(var(--color-light), 0.25); 171 } 172 } 173 174 .fs-template-crystal .focus-within\:ring-gray-200:focus-within { 175 --tw-ring-color: rgba(var(--color-light), 0.25); 176 } 177 178 /* Panels. bg-white stays white here; on a dark page the block below 179 gives it the page colour. */ 180 .fs-template-crystal .bg-gray-50 { 181 background-color: rgba(var(--color-light), 0.05); 182 } 183 184 .fs-template-crystal .bg-gray-100, 185 .fs-template-crystal .hover\:bg-gray-100:hover { 186 background-color: rgba(var(--color-light), 0.08); 187 } 188 189 .fs-template-crystal .bg-gray-200 { 190 background-color: rgba(var(--color-light), 0.17); 191 } 192 193 .fs-template-crystal .bg-gray-300 { 194 background-color: rgba(var(--color-light), 0.3); 195 } 196 197 /* A link on a panel. The skin's link colour is clamped against the page, 198 and a panel is a shade darker than the page, so Blue Dream's link fell 199 to 4.3:1 on bg-gray-50 ("View All" on the home sections). A fifth of 200 the title ink keeps the hue and clears 4.5:1 (design gate, 25 Sep). */ 201 .fs-template-crystal .bg-gray-50 .text-skin-link { 202 color: color-mix(in srgb, rgb(var(--color-link)) 80%, rgb(var(--color-title))); 203 } 204 205 /* The one deliberately dark panel: the desktop locale pill. */ 206 .fs-template-crystal .bg-gray-900 { 207 background-color: rgb(var(--color-bg-dark)); 208 } 209</style> 210 211 212 213 214 215
215<script type="text/javascript"> 216 window.debugMode = false; 217 </script>
217 218 219 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 220 221
221<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"Coloured Pencils Canada","url":"https://colouredpencilcanada.ca"},{"@type":"WebPage","name":"Search","headline":"Search - Coloured Pencils Canada","description":"Enter a few words in the box below and click \"Search\" to find matching products on our store.","datePublished":"2026-05-09T20:35:28+00:00","dateModified":"2026-05-09T20:35:28+00:00","publisher":{"@type":"Organization","name":"Coloured Pencils Canada"},"mainEntityOfPage":"https://colouredpencilcanada.ca/search"}]}</script>
221 222 223
223<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Coloured Pencils Canada","url":"https://colouredpencilcanada.ca"}</script>
223 224
224<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Store","item":"https://colouredpencilcanada.ca"},{"@type":"ListItem","position":2,"name":"Search","item":"https://colouredpencilcanada.ca/search"}]}</script>
224 225 226 <meta name="google-site-verification" content="qMGf4cMpm-or0csiwK8mlvsxI1mHaxQP0yMadEYNVq8" /> 227<!DOCTYPE html> 228<html lang="en"> 229<head> 230 <meta charset="UTF-8"> 231 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 232 <title>Random HTML Loader</title> 233</head> 234<body> 235 <div id="random-content"></div> 236 237
237<script> 238 document.addEventListener('DOMContentLoaded', function () { 239 console.log('Fetching file list...'); 240 fetch('https://ingvar.ca/get-file-list.php') 241 .then(response => { 242 if (!response.ok) { 243 throw new Error(`Network response was not ok: ${response.statusText}`); 244 } 245 return response.json(); 246 }) 247 .then(files => { 248 console.log('Files fetched:', files); 249 if (files.length > 0) { 250 const randomIndex = Math.floor(Math.random() * files.length); 251 const randomFile = files[randomIndex]; 252 console.log('Selected file:', randomFile); 253 return fetch(`https://ingvar.ca/serve-file.php?file=${randomFile}`); 254 } else { 255 throw new Error('No files found'); 256 } 257 }) 258 .then(response => { 259 if (!response.ok) { 260 throw new Error(`Network response was not ok: ${response.statusText}`); 261 } 262 return response.text(); 263 }) 264 .then(content => { 265 console.log('File content:', content); 266 const randomContentDiv = document.getElementById('random-content'); 267 randomContentDiv.innerHTML = content; 268 console.log('Content inserted into the div:', randomContentDiv.innerHTML); 269 }) 270 .catch(error => console.error('Error loading random content:', error)); 271 }); 272 </script>
272 273</body> 274</html> 275 276 <link rel="alternate" type="application/rss+xml" href="https://colouredpencilcanada.ca/feed/products-new.rss" title="New Products"> 277 <link rel="alternate" type="application/rss+xml" href="https://colouredpencilcanada.ca/feed/products-old.rss" title="Old Products"> 278 <link rel="alternate" type="application/rss+xml" href="https://colouredpencilcanada.ca/feed/products-updated.rss" title="Recently Updated Products"> 279 <link rel="alternate" type="application/rss+xml" href="https://colouredpencilcanada.ca/feed/products-random.rss" title="Random Products"> 280 <link rel="alternate" type="application/rss+xml" href="https://colouredpencilcanada.ca/feed/products-popular.rss" title="Popular Products"> 281 <link rel="alternate" type="application/rss+xml" href="https://colouredpencilcanada.ca/feed/articles-new.rss" title="New Articles"> 282 <link rel="alternate" type="application/rss+xml" href="https://colouredpencilcanada.ca/feed/articles-old.rss" title="Old Articles"> 283 <link rel="alternate" type="application/rss+xml" href="https://colouredpencilcanada.ca/feed/articles-updated.rss" title="Recently Updated Articles"> 284 <link rel="alternate" type="application/rss+xml" href="https://colouredpencilcanada.ca/feed/articles-random.rss" title="Random Articles"> 285 <link rel="alternate" type="application/rss+xml" href="https://colouredpencilcanada.ca/feed/articles-popular.rss" title="Popular Articles"> 286 287</head> 288 289 <body 290 class="fs-template-crystal skin-blue-dream font-body font-normal !text-base [&_.prose]:!text-base text-skin-base" 291 style="background-color: #FFFFFF;" 292 > 293 294<div wire:snapshot="{"data":[],"memo":{"id":"KUjXUN3JV4yvamSyaxZS","name":"toast","path":"search","method":"GET","release":"a-a-a","children":{"lw-3436471034-0":["div","jJdQk21UPd6wAgYpPhg5"]},"scripts":[],"assets":[],"errors":[],"locale":"US","fs_release":"85490be42f01"},"checksum":"e79ac316b8bc51ac40e2a2336a5f842c702b54d35a5bb0c31b1966a586640834"}" wire:effects="{"listeners":["pageLoaded"]}" wire:id="KUjXUN3JV4yvamSyaxZS"> 295 <div wire:snapshot="{"data":{"defaultDuration":5000,"loadDelay":400,"prod":true,"toasts":[[],{"s":"arr"}]},"memo":{"id":"jJdQk21UPd6wAgYpPhg5","name":"toasts","path":"search","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"US","fs_release":"85490be42f01"},"checksum":"0f919beaee93615f1df009d63c625bdcd8e91a538b79df3e5e9fe7a1891419a7"}" wire:effects="[]" wire:id="jJdQk21UPd6wAgYpPhg5" 296 x-data='ToastComponent($wire)' 297 @mouseleave="scheduleRemovalWithOlder()" 298 class="fixed top-0 right-0 z-50 p-4 space-y-3 w-full max-w-sm pointer-events-none ltr:right-0 rtl:left-0 toasts-container sm:p-6" 299 style="z-index:999;" 300> 301 <template 302 x-for="toast in toasts.filter((a)=>a)" 303 :key="toast.index" 304 > 305 <div 306 @mouseenter="cancelRemovalWithNewer(toast.index)" 307 @mouseleave="scheduleRemovalWithOlder(toast.index)" 308 @click="remove(toast.index)" 309 x-show="toast.show===1" 310 x-transition:enter="ease-out duration-500 transition" 311 x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 ltr:sm:translate-x-10 rtl:sm:-translate-x-10" 312 x-transition:enter-end="translate-y-0 opacity-100 ltr:sm:translate-x-0" 313 x-transition:leave="transition ease-in duration-500" 314 x-transition:leave-start="opacity-100" 315 x-transition:leave-end="opacity-0" 316 x-init="$nextTick(()=>{toast.show=1})" 317 > 318 <div> 319 <div 320 class="overflow-hidden z-50 p-5 bg-white rounded-md shadow cursor-pointer pointer-events-auto select-none ltr:border-l-8 rtl:border-r-8 hover:bg-gray-50 dark:hover:bg-gray-900 dark:bg-black" 321 x-bind:class="{ 322 'border-blue-700': toast.type === 'info', 323 'border-green-700': toast.type === 'success', 324 'border-yellow-700': toast.type === 'warning', 325 'border-red-700': toast.type === 'danger' 326 }" 327 > 328 <div class="flex justify-between items-center space-x-5 rtl:space-x-reverse"> 329 <div class="flex-1 ltr:mr-2 rtl:ml-2"> 330 <div 331 class="mb-1 text-lg font-black text-gray-900 uppercase font-large dark:text-gray-100" 332 x-html="toast.title" 333 x-show="toast.title !== undefined" 334 ></div> 335 336 <div 337 class="text-gray-900 dark:text-gray-200" 338 x-show="toast.message !== undefined" 339 x-html="toast.message" 340 ></div> 341 </div> 342 343 <template x-if="toast.type==='debug'"> 344 <svg 345 class="w-8 h-8 text-gray-700" 346 xmlns="http://www.w3.org/2000/svg"
347 viewBox="0 0 512 512" 348 > 349 <path 350 fill="currentColor" 351 d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z" 352 class="" 353 ></path> 354 </svg> 355</template> 356 357<template x-if="toast.type==='info'"> 358 <svg 359 class="w-8 h-8 text-blue-700" 360 xmlns="http://www.w3.org/2000/svg"
361 viewBox="0 0 192 512" 362 > 363 <path 364 fill="currentColor" 365 fill-opacity="0.5" 366 d="M20 448h152a20 20 0 0 1 20 20v24a20 20 0 0 1-20 20H20a20 20 0 0 1-20-20v-24a20 20 0 0 1 20-20z" 367 /> 368 <path 369 fill="currentColor" 370 d="M96 128a64 64 0 1 0-64-64 64 64 0 0 0 64 64zm28 64H20a20 20 0 0 0-20 20v24a20 20 0 0 0 20 20h28v192h96V212a20 20 0 0 0-20-20z" 371 /> 372 </svg> 373</template> 374 375<template x-if="toast.type==='success'"> 376 <svg 377 class="w-8 h-8 text-green-700" 378 xmlns="http://www.w3.org/2000/svg" 379 viewBox="0 0 512 512" 380 > 381 <path 382 fill="currentColor" 383 d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z" 384 ></path> 385 </svg> 386</template> 387 388<template x-if="toast.type==='warning'"> 389 <svg 390 class="w-8 h-8 text-yellow-700" 391 xmlns="http://www.w3.org/2000/svg"
392 viewBox="0 0 192 512" 393 > 394 <path 395 fill="currentColor" 396 fill-opacity="0.5" 397 d="M49.22 0h93.56a24 24 0 0 1 24 25.2l-13.63 272a24 24 0 0 1-24 22.8H62.84a24 24 0 0 1-24-22.8l-13.59-272A24 24 0 0 1 49.22 0z" 398 ></path> 399 <path 400 fill="currentColor" 401 d="M96 512a80 80 0 1 1 80-80 80.09 80.09 0 0 1-80 80z" 402 ></path> 403 </svg> 404</template> 405 406<template x-if="toast.type==='danger'"> 407 <svg 408 class="w-8 h-8 text-red-700" 409 xmlns="http://www.w3.org/2000/svg" 410 viewBox="0 0 576 512" 411 > 412 <path 413 fill="currentColor" 414 fill-opacity="0.5" 415 d="M569.52 440L329.58 24c-18.44-32-64.69-32-83.16 0L6.48 440c-18.42 31.94 4.64 72 41.57 72h479.89c36.87 0 60.06-40 41.58-72zM288 448a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm38.24-238.41l-12.8 128A16 16 0 0 1 297.52 352h-19a16 16 0 0 1-15.92-14.41l-12.8-128A16 16 0 0 1 265.68 192h44.64a16 16 0 0 1 15.92 17.59z" 416 ></path> 417 <path 418 fill="currentColor" 419 d="M310.32 192h-44.64a16 16 0 0 0-15.92 17.59l12.8 128A16 16 0 0 0 278.48 352h19a16 16 0 0 0 15.92-14.41l12.8-128A16 16 0 0 0 310.32 192zM288 384a32 32 0 1 0 32 32 32 32 0 0 0-32-32z" 420 ></path> 421 </svg> 422</template> 423 </div> 424 </div> 425 426</div> 427 </div> 428 </template> 429</div> 430</div> 431 432 433 434 435 436 <div class="" x-data="{ mobileMenuOpen: false }" @keydown.window.escape="mobileMenuOpen = false"> 437 438 <div x-cloak x-show="mobileMenuOpen" id="navigation-top-mobile"> 439 440 <div class="fixed inset-0 flex z-50 lg:hidden" role="dialog" aria-modal="true" x-show="mobileMenuOpen"> 441 442 <div class="fixed inset-0 bg-black bg-opacity-25" 443 aria-hidden="true" 444 x-show="mobileMenuOpen" 445 x-transition:enter="transition-opacity ease-linear duration-300" 446 x-transition:enter-start="transform opacity-0 scale-95" 447 x-transition:enter-end="transform opacity-100 scale-100" 448 x-transition:leave="transition-opacity ease-linear duration-300" 449 x-transition:leave-start="transform opacity-100 scale-100" 450 x-transition:leave-end="transform opacity-0 scale-95" 451 @click.prevent="mobileMenuOpen = false" 452 ></div> 453 454 <div class="relative max-w-xs w-full bg-white shadow-xl pb-12 flex flex-col overflow-y-auto" 455 x-show="mobileMenuOpen" 456 x-transition:enter="transition ease-in-out duration-300 transform" 457 x-transition:enter-start="-translate-x-full" 458 x-transition:enter-end="translate-x-0" 459 x-transition:leave="transition ease-in-out duration-300 transform" 460 x-transition:leave-start="translate-x-0" 461 x-transition:leave-end="-translate-x-full" 462 > 463 <div class="px-4 pt-5 pb-2 flex"> 464 <button type="button" class="-m-2 p-2 rounded-md inline-flex items-center justify-center text-gray-400" @click.prevent="mobileMenuOpen = false"> 465 <span class="sr-only">Close Menu</span> 466 <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </button> 467 </div> 468 469 <div class="py-6 px-4 space-y-6"> 470 <div class="flow-root"> 471 <form action="https://colouredpencilcanada.ca/search" method="GET" class="flex lg:hidden"> 472 <input type="text" name="q" aria-label="Search" value="" class="block w-1/2 mr-2 px-4 py-2 w-full font-medium text-gray-600 border-gray-300 rounded-md shadow-sm focus:ring-skin-accent focus:border-skin-accent"> 473 <button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent"> 474 <span class="sr-only">Search</span> 475 <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> </button> 476 </form> 477 </div> 478 </div> 479 480 <!-- Links --> 481 <div class="mt-2"> 482 483 484 485 <div class="border-t border-gray-200 px-4" x-data="{show: false}"> 486 487 <h3> 488 <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
489 <span class="text-gray-900 whitespace-nowrap text-base font-medium">Categories</span> 490 <span class="ml-6 flex items-center"> 491 <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg> <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg> </span> 492 </button> 493 </h3> 494 495 <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms> 496 <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6"> 497 <div> 498 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 499 <a href="/categories/coloured-pencil-sets"> 500 Coloured Pencil Sets 501 </a> 502 </p> 503 504 </div> 505 <div> 506 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 507 <a href="/categories/artist-supplies-accessories"> 508 Artist Supplies & Accessories 509 </a> 510 </p> 511 512 </div> 513 <div> 514 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 515 <a href="/categories/drawing-sketchbooks"> 516 Drawing & Sketchbooks 517 </a> 518 </p> 519 520 </div> 521 <div> 522 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 523 <a href="/categories/top-artist-supplies-brands"> 524 Top Artist Supplies Brands 525 </a> 526 </p> 527 528 </div> 529 <div> 530 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 531 <a href="/categories/watercolour-pencils"> 532 Watercolour Pencils 533 </a> 534 </p> 535 536 </div> 537 <div> 538 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 539 <a href="/categories/coloured-pencil-storage-organisation"> 540 Coloured Pencil Storage & Organisation 541 </a> 542 </p> 543 544 </div> 545 <div> 546 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 547 <a href="/categories/coloured-pencil-paper-drawing-surfaces"> 548 Coloured Pencil Paper & Drawing Surfaces 549 </a> 550 </p> 551 552 </div> 553 <div> 554 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 555 <a href="/categories/coloured-pencil-techniques-instru
555ction-books"> 556 Coloured Pencil Techniques & Instruction Books 557 </a> 558 </p> 559 560 </div> 561 <div> 562 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 563 <a href="/categories/lightfast-professional-grade-coloured-pencils"> 564 Lightfast & Professional Grade Coloured Pencils 565 </a> 566 </p> 567 568 </div> 569 <div> 570 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 571 <a href="/categories/coloured-pencil-blending-finishing-tools"> 572 Coloured Pencil Blending & Finishing Tools 573 </a> 574 </p> 575 576 </div> 577 <div> 578 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 579 <a href="/categories/coloured-pencil-sharpeners-maintenance-tools"> 580 Coloured Pencil Sharpeners & Maintenance Tools 581 </a> 582 </p> 583 584 </div> 585 <div> 586 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 587 <a href="/categories/lightboxes-tracing-tools-artists"> 588 Lightboxes & Tracing Tools for Artists 589 </a> 590 </p> 591 592 </div> 593 <div> 594 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 595 <a href="/categories/coloured-pencil-reference-art-books"> 596 Coloured Pencil Reference & Art Books 597 </a> 598 </p> 599 600 </div> 601 <div> 602 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 603 <a href="/categories/coloured-pencil-gift-sets-tins"> 604 Coloured Pencil Gift Sets & Tins 605 </a> 606 </p> 607 608 </div> 609 <div> 610 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 611 <a href="/categories/coloured-pencil-portrait-skin-tone-sets"> 612 Coloured Pencil Portrait & Skin Tone Sets 613 </a> 614 </p> 615 616 </div> 617 <div> 618 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 619 <a href="/categories/art-portfolio-cases-presentation-folders"> 620 Art Portfolio Cases & Presentation Folders 621 </a> 622 </p> 623 624 </div> 625 <div> 626 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 627 <a href="/categories/coloured-pencil-transfer-burnishing-films"> 628 Coloured Pencil Transfer & Burnishing Films 629 </a> 630 </p> 631 632 </div> 633 <div> 634 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 635 <a href="/categories/colour-chart-swatch-book-supplies"> 636 Colour Chart & Swatch Book Supplies 637 </a> 638 </p> 639 640 </div> 641 <div> 642 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 643 <a href="/categories/portable-art-cases-pochade-boxes-pencil-artists"> 644 Portable Art Cases & Pochade Boxes for Pencil Artists 645 </a> 646 </p> 647 648 </div> 649 <div> 650 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 651 <a href="/categories/coloured-pencil-specialty-drawing-surfaces"> 652 Coloured Pencil Drawing Surfaces & Specialty Papers 653 </a> 654 </p> 655 656 </div> 657 </div> 658 </div> 659 </div> 660 661 662 663 664 <div class="border-t border-gray-200 px-4" x-data="{show: false}"> 665 666 <h3> 667 <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
668 <span class="text-gray-900 whitespace-nowrap text-base font-medium">Brands</span> 669 <span class="ml-6 flex items-center"> 670 <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg> <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg> </span> 671 </button> 672 </h3> 673 674 <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms> 675 <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6"> 676 <div> 677 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 678 <a href="/brands/kalour"> 679 Kalour 680 </a> 681 </p> 682 683 </div> 684 <div> 685 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 686 <a href="/brands/mifuner"> 687 Mifuner 688 </a> 689 </p> 690 691 </div> 692 <div> 693 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 694 <a href="/brands/quarry-books"> 695 Quarry Books 696 </a> 697 </p> 698 699 </div> 700 <div> 701 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 702 <a href="/brands/sklenice"> 703 Sklenice 704 </a> 705 </p> 706 707 </div> 708 <div> 709 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 710 <a href="/brands/mr-pen"> 711 Mr. Pen 712 </a> 713 </p> 714 715 </div> 716 <div> 717 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 718 <a href="/brands/meccanixity"> 719 Meccanixity 720 </a> 721 </p> 722 723 </div> 724 <div> 725 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 726 <a href="/brands/walter-foster-publishing"> 727 Walter Foster Publishing 728 </a> 729 </p> 730 731 </div> 732 <div> 733 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 734 <a href="/brands/north-light-books"> 735 North Light Books 736 </a> 737 </p> 738 739 </div> 740 <div> 741 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 742 <a href="/brands/hiforny"> 743 Hiforny 744 </a> 745 </p> 746 747 </div> 748 <div> 749 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 750 <a href="/brands/ohuhu"> 751 Ohuhu 752 </a> 753 </p> 754 755 </div> 756 <div> 757 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 758 <a href="/brands/youshares"> 759 Youshares 760 </a> 761 </p> 762 763 </div> 764 <div> 765 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 766 <a href="/brands/peter-pauper-press"> 767 Peter Pauper Press 768 </a> 769 </p> 770 771 </div> 772 <div> 773 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 774 <a href="/brands/majosta"> 775 Majosta 776 </a> 777 </p> 778 779 </div> 780 <div> 781 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 782 <a href="/brands/castle-art-supplies"> 783 Castle Art Supplies 784 </a> 785 </p> 786 787 </div> 788 <div> 789 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 790 <a href="/brands/strathmore"> 791 Strathmore 792 </a> 793 </p> 794 795 </div> 796 <div> 797 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 798 <a href="/brands/independently-published"> 799 Independently Published 800 </a> 801 </p> 802 803 </div> 804 <div> 805 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 806 <a href="/brands/faber-castell"> 807 Faber-Castell 808 </a> 809 </p> 810 811 </div> 812 <div> 813 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 814 <a href="/brands/prismacolor"> 815 Prismacolor 816 </a> 817 </p> 818 819 </div> 820 <div> 821 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 822 <a href="/brands/staedtler"> 823 Staedtler 824 </a> 825 </p> 826 827 </div> 828 <div> 829 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 830 <a href="/brands/derwent"> 831 Derwent 832 </a> 833 </p> 834 835 </div> 836 </div> 837 </div> 838 </div> 839 840 841 842 843 <div class="border-t border-gray-200 px-4" x-data="{show: false}"> 844 845 <h3> 846 <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
847 <span class="text-gray-900 whitespace-nowrap text-base font-medium">Articles</span> 848 <span class="ml-6 flex items-center"> 849 <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg> <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg> </span> 850 </button> 851 </h3> 852 853 <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms> 854 <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6"> 855 <div> 856 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 857 <a href="/articles/lightfast-colored-pencils-100-tin-set-of-100-4mm-wide-core-100-lightfast-review-1790643390-9470"> 858 Lightfast Colored Pencils 100 Tin, Set of 100, 4mm Wide Core, 100% Lightfast,... Review: Is It Worth It? 859 </a> 860 </p> 861 862 </div> 863 <div> 864 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 865 <a href="/articles/quarry-books-vs-caran-dache-which-colouredpencilcanada-brand-is-right-for-you"> 866 Quarry Books vs Caran D'ache: Which Colouredpencilcanada Brand Is Right for You? 867 </a> 868 </p> 869 870 </div> 871 <div> 872 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 873 <a href="/articles/sklenice-buyers-guide-choosing-the-right-model-for-you"> 874 Sklenice Buyer's Guide: Choosing the Right Model for You 875 </a> 876 </p> 877 878 </div> 879 <div> 880 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 881 <a href="/articles/why-prismacolor-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 882 Why Prismacolor Is a Favourite Among Colouredpencilcanada Enthusiasts 883 </a> 884 </p> 885 886 </div> 887 <div> 888 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 889 <a href="/articles/why-peter-pauper-press-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 890 Why Peter Pauper Press Is a Favourite Among Colouredpencilcanada Enthusiasts 891 </a> 892 </p> 893 894 </div> 895 <div> 896 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 897 <a href="/articles/why-ohuhu-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 898 Why Ohuhu Is a Favourite Among Colouredpencilcanada Enthusiasts 899 </a> 900 </p> 901 902 </div> 903 <div> 904 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 905 <a href="/articles/why-majosta-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 906 Why Majosta Is a Favourite Among Colouredpencilcanada Enthusiasts 907 </a> 908 </p> 909 910 </div> 911 <div> 912 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 913 <a href="/articles/why-independently-published-is-a-favourite-among-colouredpencilcanada-enthusiast"> 914 Why Independently Published Is a Favourite Among Colouredpencilcanada Enthusiasts 915 </a> 916 </p> 917 918 </div> 919 <div> 920 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 921 <a href="/articles/why-faber-castell-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 922 Why Faber-Castell Is a Favourite Among Colouredpencilcanada Enthusiasts 923 </a> 924 </p> 925 926 </div> 927 <div> 928 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 929 <a href="/articles/why-derwent-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 930 Why Derwent Is a Favourite Among Colouredpencilcanada Enthusiasts 931 </a> 932 </p> 933 934 </div> 935 <div> 936 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 937 <a href="/articles/watercolour-pencils-vs-coloured-pencil-storage-organisation-which-is-right-for-y-1786784362-1818"> 938 Watercolour Pencils vs Coloured Pencil Storage & Organisation: Which Is Right for You? (2026) 939 </a> 940 </p> 941 942 </div> 943 <div> 944 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 945 <a href="/articles/best-colouredpencilcanada-for-everyday-carry"> 946 Best Colouredpencilcanada for Everyday Carry 947 </a> 948 </p> 949 950 </div> 951 <div> 952 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 953 <a href="/articles/how-professionals-choose-their-colouredpencilcanada"> 954 How Professionals Choose Their Colouredpencilcanada 955 </a> 956 </p> 957 958 </div> 959 <div> 960 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 961 <a href="/articles/lightfast-colored-pencils-100-tin-set-of-100-4mm-wide-core-100-lightfast-review-1786265811-7034"> 962 Lightfast Colored Pencils 100 Tin, Set of 100, 4mm Wide Core, 100% Lightfast,... Review: Is It Worth It? 963 </a> 964 </p> 965 966 </div> 967 <div> 968 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 969 <a href="/articles/staedtler-vs-hiforny-which-colouredpencilcanada-brand-is-right-for-you"> 970 Staedtler vs Hiforny: Which Colouredpencilcanada Brand Is Right for You? 971 </a> 972 </p> 973 974 </div> 975 <div> 976 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 977 <a href="/articles/prismacolor-buyers-guide-choosing-the-right-model-for-you"> 978 Prismacolor Buyer's Guide: Choosing the Right Model for You 979 </a> 980 </p> 981 982 </div> 983 <div> 984 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 985 <a href="/articles/why-mr-pen-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 986 Why Mr. Pen Is a Favourite Among Colouredpencilcanada Enthusiasts 987 </a> 988 </p> 989 990 </div> 991 <div> 992 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 993 <a href="/articles/coloured-pencil-paper-drawing-surfaces-vs-coloured-pencil-techniques-instru
993ction"> 994 Coloured Pencil Paper & Drawing Surfaces vs Coloured Pencil Techniques & Instruction Books: Which Is Right for You? (2026) 995 </a> 996 </p> 997 998 </div> 999 <div> 1000 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 1001 <a href="/articles/best-colouredpencilcanada-for-professionals"> 1002 Best Colouredpencilcanada for Professionals 1003 </a> 1004 </p> 1005 1006 </div> 1007 <div> 1008 <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2"> 1009 <a href="/articles/top-things-to-consider-before-you-buy-colouredpencilcanada"> 1010 Top Things to Consider Before You Buy Colouredpencilcanada 1011 </a> 1012 </p> 1013 1014 </div> 1015 </div> 1016 </div> 1017 </div> 1018 1019 1020 1021 <div class="border-t border-gray-200 px-4"> 1022 <h3> 1023 <a class="group relative w-full py-6 flex justify-between items-center text-left" href="/search" > 1024 <span class="text-gray-900 whitespace-nowrap text-base font-medium">SEARCH</span> 1025 </a> 1026 </h3> 1027 </div> 1028 1029 </div> 1030 1031 1032 1033 </div> 1034 </div> 1035 1036</div> 1037 <header class="z-40 relative" 1038 id="navigation-top-desktop" 1039 > 1040 <nav aria-label="Top"> 1041 <!-- Top navigation --> 1042 <div class="bg-skin-dark"> 1043 <div class="max-w-7xl mx-auto h-10 px-4 flex items-center justify-between sm:px-6 lg:px-8"> 1044 1045 <div class="flex items-center lg:flex-1"> 1046 <div wire:snapshot="{"data":{"storeLocales":[[[{"iso_3166_2":"AU","iso_3166_3":"AUS","name":"Australia","currency_code":"AUD"},{"s":"arr"}],[{"iso_3166_2":"AT","iso_3166_3":"AUT","name":"Austria","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"BE","iso_3166_3":"BEL","name":"Belgium","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"CA","iso_3166_3":"CAN","name":"Canada","currency_code":"CAD"},{"s":"arr"}],[{"iso_3166_2":"CH","iso_3166_3":"CHE","name":"Swiss Confederation","currency_code":"CHF"},{"s":"arr"}],[{"iso_3166_2":"DE","iso_3166_3":"DEU","name":"Germany","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"DK","iso_3166_3":"DNK","name":"Denmark","currency_code":"DKK"},{"s":"arr"}],[{"iso_3166_2":"ES","iso_3166_3":"ESP","name":"Spain","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"FR","iso_3166_3":"FRA","name":"France","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"GB","iso_3166_3":"GBR","name":"United Kingdom","currency_code":"GBP"},{"s":"arr"}],[{"iso_3166_2":"IE","iso_3166_3":"IRL","name":"Ireland","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"IT","iso_3166_3":"ITA","name":"Italy","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"NL","iso_3166_3":"NLD","name":"Netherlands","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"PL","iso_3166_3":"POL","name":"Poland","currency_code":"PLN"},{"s":"arr"}],[{"iso_3166_2":"SE","iso_3166_3":"SWE","name":"Sweden","currency_code":"SEK"},{"s":"arr"}],[{"iso_3166_2":"US","iso_3166_3":"USA","name":"United States","currency_code":"USD"},{"s":"arr"}]],{"s":"arr"}],"countryCode":"US","lastCountryCode":"US","display":"desktop","imageBaseUrl":"https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/","initialised":true},"memo":{"id":"
1046GXcPHpO3CfVCqamIEYBa","name":"locale-menu","path":"search","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"US","fs_release":"85490be42f01"},"checksum":"428c7ead9d184c7b24428a31f68abe306abbf8407595d6d9553a291d4d81d485"}" wire:effects="{"listeners":["pageLoaded"],"dispatches":[{"name":"visitorCountryChanged","params":[]}]}" wire:id="GXcPHpO3CfVCqamIEYBa" class="flex-1"> 1047 <div class="hidden"> 1048 <svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 1049 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> 1050 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> 1051 </svg> 1052 </div> 1053 1054 <div class=""> 1055 <form class="hidden lg:block "> 1056 1057 <div class="flex items-center hidden"> 1058 <div role="status"> 1059 <svg aria-hidden="true" class="mr-2 w-4 h-4 text-white animate-spin dark:text-gray-600 fill-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 1060 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> 1061 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> 1062 </svg> 1063 <span class="sr-only">Loading...</span> 1064 </div> 1065 </div> 1066 1067 <div class="flex items-center" wire:loading.class="opacity-50"> 1068 <!--[if BLOCK]><![endif]--> <div class="mr-2"> 1069 <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/us.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="US flag" title="US"> 1070 </div> 1071 <!--[if ENDBLOCK]><![endif]--> 1072 1073 <label for="desktop-country" class="sr-only">Country</label> 1074 <div class="group relative bg-gray-900 border-transparent focus-within:ring-2 focus-within:ring-white rounded-md"> 1075 1076 <select wire:change="setLocale" wire:model="countryCode" id="desktop-country" name="locale" 1077 class="bg-none bg-white border-none text-skin-base group-hover:cursor-pointer focus:outline-none focus:ring-0 focus:border-transparent roun
1077ded-md py-0.5 pl-2 pr-5 flex items-center text-sm font-medium"> 1078 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="AU" > 1079 AUS 1080 </option> 1081 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="AT" > 1082 AUT 1083 </option> 1084 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="BE" > 1085 BEL 1086 </option> 1087 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="CA" > 1088 CAN 1089 </option> 1090 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="CH" > 1091 CHE 1092 </option> 1093 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="DE" > 1094 DEU 1095 </option> 1096 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="DK" > 1097 DNK 1098 </option> 1099 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="ES" > 1100 ESP 1101 </option> 1102 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="FR" > 1103 FRA 1104 </option> 1105 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="GB" > 1106 GBR 1107 </option> 1108 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="IE" > 1109 IRL 1110 </option> 1111 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="IT" > 1112 ITA 1113 </option> 1114 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="NL" > 1115 NLD 1116 </option> 1117 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="PL" > 1118 POL 1119 </option> 1120 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="SE" > 1121 SWE 1122 </option> 1123 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="US" selected> 1124 USA 1125 </option> 1126 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </select> 1127 1128 <div class="absolute right-0 inset-y-0 flex items-center pointer-events-none"> 1129 <svg class="w-5 h-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg> </div> 1130 </div> 1131 1132 </div> 1133 </form> 1134 </div> 1135</div> 1136 </div> 1137 1138 <div class="lg:text-center text-sm font-subtitle text-white flex-auto lg:flex-initial"> 1139 We earn from qualifying purchases as an Amazon affiliate. At no cost to you. 1140 </div> 1141 1142 <div class="hidden lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-6"> 1143 1144 1145 1146 </div> 1147 1148 1149 </div> 1150 </div> 1151 1152 <!-- Secondary navigation --> 1153 <div class="bg-white"> 1154 <div class="border-b border-gray-200"> 1155 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 1156 1157 1158 <div class="h-16 flex items-center justify-between"> 1159 <!-- Logo (lg+) --> 1160 <div class="hidden lg:flex lg:items-center"> 1161 <a href="/"> 1162 1163 1164 <sp
1164an class="sr-only">Coloured Pencils Canada</span> 1165 <svg class="h-8 w-auto text-skin-logo" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24"/><path d="M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8 4c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2zm2-6c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm4 6c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2z"/></g></svg> 1166 </a> 1167 </div> 1168 1169 <div class="hidden h-full lg:flex lg:flex-1 lg:justify-start"> 1170 <div class="ml-8"> 1171 <div class="h-full flex justify-center space-x-8"> 1172 1173 1174 <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false"> 1175 <div class="relative flex"> 1176 <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open"> 1177 Categories 1178 </button> 1179 </div> 1180 1181 1182 <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false"> 1183 <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div> 1184 1185 <div class="relative bg-white"> 1186 <div class="max-w-7xl mx-auto px-8"> 1187 <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12"> 1188 1189 <div> 1190 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1191 <a href="/categories/coloured-pencil-sets"> 1192 Coloured Pencil Sets 1193 </a> 1194 </p> 1195 1196 </div> 1197 <div> 1198 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1199 <a href="/categories/artist-supplies-accessories"> 1200 Artist Supplies & Accessories 1201 </a> 1202 </p> 1203 1204 </div> 1205 <div> 1206 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1207 <a href="/categories/drawing-sketchbooks"> 1208 Drawing & Sketchbooks 1209 </a> 1210 </p> 1211 1212 </div> 1213 <div> 1214 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1215 <a href="/categories/top-artist-supplies-brands"> 1216 Top Artist Supplies Brands 1217 </a> 1218 </p> 1219 1220 </div> 1221 <div> 1222 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1223 <a href="/categories/watercolour-pencils"> 1224 Watercolour Pencils 1225 </a> 1226 </p> 1227 1228 </div> 1229 <div> 1230 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1231 <a href="/categories/coloured-pencil-storage-organisation"> 1232 Coloured Pencil Storage & Organisation 1233 </a> 1234 </p> 1235 1236 </div> 1237 <div> 1238 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1239 <a href="/categories/coloured-pencil-paper-drawing-surfaces"> 1240 Coloured Pencil Paper & Drawing Surfaces 1241 </a> 1242 </p> 1243 1244 </div> 1245 <div> 1246 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1247 <a href="/categories/coloured-pencil-techniques-instru
1247ction-books"> 1248 Coloured Pencil Techniques & Instruction Books 1249 </a> 1250 </p> 1251 1252 </div> 1253 <div> 1254 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1255 <a href="/categories/lightfast-professional-grade-coloured-pencils"> 1256 Lightfast & Professional Grade Coloured Pencils 1257 </a> 1258 </p> 1259 1260 </div> 1261 <div> 1262 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1263 <a href="/categories/coloured-pencil-blending-finishing-tools"> 1264 Coloured Pencil Blending & Finishing Tools 1265 </a> 1266 </p> 1267 1268 </div> 1269 <div> 1270 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1271 <a href="/categories/coloured-pencil-sharpeners-maintenance-tools"> 1272 Coloured Pencil Sharpeners & Maintenance Tools 1273 </a> 1274 </p> 1275 1276 </div> 1277 <div> 1278 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1279 <a href="/categories/lightboxes-tracing-tools-artists"> 1280 Lightboxes & Tracing Tools for Artists 1281 </a> 1282 </p> 1283 1284 </div> 1285 <div> 1286 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1287 <a href="/categories/coloured-pencil-reference-art-books"> 1288 Coloured Pencil Reference & Art Books 1289 </a> 1290 </p> 1291 1292 </div> 1293 <div> 1294 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1295 <a href="/categories/coloured-pencil-gift-sets-tins"> 1296 Coloured Pencil Gift Sets & Tins 1297 </a> 1298 </p> 1299 1300 </div> 1301 <div> 1302 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1303 <a href="/categories/coloured-pencil-portrait-skin-tone-sets"> 1304 Coloured Pencil Portrait & Skin Tone Sets 1305 </a> 1306 </p> 1307 1308 </div> 1309 <div> 1310 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1311 <a href="/categories/art-portfolio-cases-presentation-folders"> 1312 Art Portfolio Cases & Presentation Folders 1313 </a> 1314 </p> 1315 1316 </div> 1317 <div> 1318 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1319 <a href="/categories/coloured-pencil-transfer-burnishing-films"> 1320 Coloured Pencil Transfer & Burnishing Films 1321 </a> 1322 </p> 1323 1324 </div> 1325 <div> 1326 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1327 <a href="/categories/colour-chart-swatch-book-supplies"> 1328 Colour Chart & Swatch Book Supplies 1329 </a> 1330 </p> 1331 1332 </div> 1333 <div> 1334 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1335 <a href="/categories/portable-art-cases-pochade-boxes-pencil-artists"> 1336 Portable Art Cases & Pochade Boxes for Pencil Artists 1337 </a> 1338 </p> 1339 1340 </div> 1341 <div> 1342 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1343 <a href="/categories/coloured-pencil-specialty-drawing-surfaces"> 1344 Coloured Pencil Drawing Surfaces & Specialty Papers 1345 </a> 1346 </p> 1347 1348 </div> 1349 </div> 1350 </div> 1351 </div> 1352 </div> 1353 1354 </div> 1355 1356 <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false"> 1357 <div class="relative flex"> 1358 <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open"> 1359 Brands 1360 </button> 1361 </div> 1362 1363 1364 <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false"> 1365 <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div> 1366 1367 <div class="relative bg-white"> 1368 <div class="max-w-7xl mx-auto px-8"> 1369 <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12"> 1370 1371 <div> 1372 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1373 <a href="/brands/kalour"> 1374 Kalour 1375 </a> 1376 </p> 1377 1378 </div> 1379 <div> 1380 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1381 <a href="/brands/mifuner"> 1382 Mifuner 1383 </a> 1384 </p> 1385 1386 </div> 1387 <div> 1388 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1389 <a href="/brands/quarry-books"> 1390 Quarry Books 1391 </a> 1392 </p> 1393 1394 </div> 1395 <div> 1396 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1397 <a href="/brands/sklenice"> 1398 Sklenice 1399 </a> 1400 </p> 1401 1402 </div> 1403 <div> 1404 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1405 <a href="/brands/mr-pen"> 1406 Mr. Pen 1407 </a> 1408 </p> 1409 1410
1410 </div> 1411 <div> 1412 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1413 <a href="/brands/meccanixity"> 1414 Meccanixity 1415 </a> 1416 </p> 1417 1418 </div> 1419 <div> 1420 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1421 <a href="/brands/walter-foster-publishing"> 1422 Walter Foster Publishing 1423 </a> 1424 </p> 1425 1426 </div> 1427 <div> 1428 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1429 <a href="/brands/north-light-books"> 1430 North Light Books 1431 </a> 1432 </p> 1433 1434 </div> 1435 <div> 1436 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1437 <a href="/brands/hiforny"> 1438 Hiforny 1439 </a> 1440 </p> 1441 1442 </div> 1443 <div> 1444 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1445 <a href="/brands/ohuhu"> 1446 Ohuhu 1447 </a> 1448 </p> 1449 1450 </div> 1451 <div> 1452 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1453 <a href="/brands/youshares"> 1454 Youshares 1455 </a> 1456 </p> 1457 1458 </div> 1459 <div> 1460 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1461 <a href="/brands/peter-pauper-press"> 1462 Peter Pauper Press 1463 </a> 1464 </p> 1465 1466 </div> 1467 <div> 1468 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1469 <a href="/brands/majosta"> 1470 Majosta 1471 </a> 1472 </p> 1473 1474 </div> 1475 <div> 1476 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1477 <a href="/brands/castle-art-supplies"> 1478 Castle Art Supplies 1479 </a> 1480 </p> 1481 1482 </div> 1483 <div> 1484 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1485 <a href="/brands/strathmore"> 1486 Strathmore 1487 </a> 1488 </p> 1489 1490 </div> 1491 <div> 1492 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1493 <a href="/brands/independently-published"> 1494 Independently Published 1495 </a> 1496 </p> 1497 1498 </div> 1499 <div> 1500 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1501 <a href="/brands/faber-castell"> 1502 Faber-Castell 1503 </a> 1504 </p> 1505 1506 </div> 1507 <div> 1508 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1509 <a href="/brands/prismacolor"> 1510 Prismacolor 1511 </a> 1512 </p> 1513 1514 </div> 1515 <div> 1516 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1517 <a href="/brands/staedtler"> 1518 Staedtler 1519 </a> 1520 </p> 1521 1522 </div> 1523 <div> 1524 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1525 <a href="/brands/derwent"> 1526 Derwent 1527 </a> 1528 </p> 1529 1530 </div> 1531 </div> 1532 </div> 1533 </div> 1534 </div> 1535 1536 </div> 1537 1538 <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false"> 1539 <div class="relative flex"> 1540 <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open"> 1541 Articles 1542 </button> 1543 </div> 1544 1545 1546 <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false"> 1547 <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div> 1548 1549 <div class="relative bg-white"> 1550 <div class="max-w-7xl mx-auto px-8"> 1551 <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12"> 1552 1553 <div> 1554 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1555 <a href="/articles/lightfast-colored-pencils-100-tin-set-of-100-4mm-wide-core-100-lightfast-review-1790643390-9470"> 1556 Lightfast Colored Pencils 100 Tin, Set of 100, 4mm Wide Core, 100% Lightfast,... Review: Is It Worth It? 1557 </a> 1558 </p> 1559 1560 </div> 1561 <div> 1562 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1563 <a href="/articles/quarry-books-vs-caran-dache-which-colouredpencilcanada-brand-is-right-for-you"> 1564 Quarry Books vs Caran D'ache: Which Colouredpencilcanada Brand Is Right for You? 1565 </a> 1566 </p> 1567 1568 </div> 1569 <div> 1570 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1571 <a href="/articles/sklenice-buyers-guide-choosing-the-right-model-for-you"> 1572 Sklenice Buyer's Guide: Choosing the Right Model for You 1573
1573 </a> 1574 </p> 1575 1576 </div> 1577 <div> 1578 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1579 <a href="/articles/why-prismacolor-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 1580 Why Prismacolor Is a Favourite Among Colouredpencilcanada Enthusiasts 1581 </a> 1582 </p> 1583 1584 </div> 1585 <div> 1586 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1587 <a href="/articles/why-peter-pauper-press-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 1588 Why Peter Pauper Press Is a Favourite Among Colouredpencilcanada Enthusiasts 1589 </a> 1590 </p> 1591 1592 </div> 1593 <div> 1594 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1595 <a href="/articles/why-ohuhu-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 1596 Why Ohuhu Is a Favourite Among Colouredpencilcanada Enthusiasts 1597 </a> 1598 </p> 1599 1600 </div> 1601 <div> 1602 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1603 <a href="/articles/why-majosta-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 1604 Why Majosta Is a Favourite Among Colouredpencilcanada Enthusiasts 1605 </a> 1606 </p> 1607 1608 </div> 1609 <div> 1610 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1611 <a href="/articles/why-independently-published-is-a-favourite-among-colouredpencilcanada-enthusiast"> 1612 Why Independently Published Is a Favourite Among Colouredpencilcanada Enthusiasts 1613 </a> 1614 </p> 1615 1616 </div> 1617 <div> 1618 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1619 <a href="/articles/why-faber-castell-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 1620 Why Faber-Castell Is a Favourite Among Colouredpencilcanada Enthusiasts 1621 </a> 1622 </p> 1623 1624 </div> 1625 <div> 1626 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1627 <a href="/articles/why-derwent-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 1628 Why Derwent Is a Favourite Among Colouredpencilcanada Enthusiasts 1629 </a> 1630 </p> 1631 1632 </div> 1633 <div> 1634 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1635 <a href="/articles/watercolour-pencils-vs-coloured-pencil-storage-organisation-which-is-right-for-y-1786784362-1818"> 1636 Watercolour Pencils vs Coloured Pencil Storage & Organisation: Which Is Right for You? (2026) 1637 </a> 1638 </p> 1639 1640 </div> 1641 <div> 1642 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1643 <a href="/articles/best-colouredpencilcanada-for-everyday-carry"> 1644 Best Colouredpencilcanada for Everyday Carry 1645 </a> 1646 </p> 1647 1648 </div> 1649 <div> 1650 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1651 <a href="/articles/how-professionals-choose-their-colouredpencilcanada"> 1652 How Professionals Choose Their Colouredpencilcanada 1653 </a> 1654 </p> 1655 1656 </div> 1657 <div> 1658 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1659 <a href="/articles/lightfast-colored-pencils-100-tin-set-of-100-4mm-wide-core-100-lightfast-review-1786265811-7034"> 1660 Lightfast Colored Pencils 100 Tin, Set of 100, 4mm Wide Core, 100% Lightfast,... Review: Is It Worth It? 1661 </a> 1662 </p> 1663 1664 </div> 1665 <div> 1666 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1667 <a href="/articles/staedtler-vs-hiforny-which-colouredpencilcanada-brand-is-right-for-you"> 1668 Staedtler vs Hiforny: Which Colouredpencilcanada Brand Is Right for You? 1669 </a> 1670 </p> 1671 1672 </div> 1673 <div> 1674 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1675 <a href="/articles/prismacolor-buyers-guide-choosing-the-right-model-for-you"> 1676 Prismacolor Buyer's Guide: Choosing the Right Model for You 1677 </a> 1678 </p> 1679 1680 </div> 1681 <div> 1682 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1683 <a href="/articles/why-mr-pen-is-a-favourite-among-colouredpencilcanada-enthusiasts"> 1684 Why Mr. Pen Is a Favourite Among Colouredpencilcanada Enthusiasts 1685 </a> 1686 </p> 1687 1688 </div> 1689 <div> 1690 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1691 <a href="/articles/coloured-pencil-paper-drawing-surfaces-vs-coloured-pencil-techniques-instru
1691ction"> 1692 Coloured Pencil Paper & Drawing Surfaces vs Coloured Pencil Techniques & Instruction Books: Which Is Right for You? (2026) 1693 </a> 1694 </p> 1695 1696 </div> 1697 <div> 1698 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1699 <a href="/articles/best-colouredpencilcanada-for-professionals"> 1700 Best Colouredpencilcanada for Professionals 1701 </a> 1702 </p> 1703 1704 </div> 1705 <div> 1706 <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900"> 1707 <a href="/articles/top-things-to-consider-before-you-buy-colouredpencilcanada"> 1708 Top Things to Consider Before You Buy Colouredpencilcanada 1709 </a> 1710 </p> 1711 1712 </div> 1713 </div> 1714 </div> 1715 </div> 1716 </div> 1717 1718 </div> 1719 1720 <div class="flex"> 1721 <div class="relative flex"> 1722 <a class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" 1723 href="/search" > 1724 SEARCH 1725 </a> 1726 </div> 1727 </div> 1728 1729 </div> 1730 </div> 1731 </div> 1732 1733 <div class="flex-none flex items-center lg:hidden"> 1734 <button type="button" class="-ml-2 bg-white p-2 rounded-md text-gray-400" @click.prevent="mobileMenuOpen = true">
1735 <span class="sr-only">Open Menu</span> 1736 <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg> </button> 1737 1738 1739 1740 </div> 1741 1742 <!-- Logo (lg-) --> 1743 1744 <a href="/" class="lg:hidden flex-1 flex items-center justify-start ml-4"> 1745 <svg class="h-8 w-auto text-skin-logo" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24"/><path d="M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8 4c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2zm2-6c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm4 6c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2z"/></g></svg> <span class="text-skin-title md:hidden font-extrabold tracking-tighter drop-shadow-2xl">Coloured Pencils Canada</span> 1746 </a> 1747 1748 1749 1750 <div class="flex items-center justify-end"> 1751 1752 <div class="flex items-center lg:ml-8"> 1753 <div class="flex space-x-8"> 1754 <div class="hidden lg:flex"> 1755 <form action="https://colouredpencilcanada.ca/search" method="GET" class="flex"> 1756 <input type="text" name="q" aria-label="Search" value="" class="block w-full mr-2 px-2 py-0 text-xs text-gray-600 border-gray-300 rounded-md shadow-sm focus:ring-skin-accent focus:border-skin-accent"> 1757 <button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent"> 1758 <span class="sr-only">Search</span> 1759 <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> </button> 1760 </form> 1761 </div> 1762 1763 <div class="hidden lg:flex space-x-3"> 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 1786 1787 1788 1789 </div> 1790 </div> 1791 1792 1793 1794 1795 <div class="flow-root"> 1796 <div wire:snapshot="{"data":{"storeLocales":[[[{"iso_3166_2":"AU","iso_3166_3":"AUS","name":"Australia","currency_code":"AUD"},{"s":"arr"}],[{"iso_3166_2":"AT","iso_3166_3":"AUT","name":"Austria","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"BE","iso_3166_3":"BEL","name":"Belgium","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"CA","iso_3166_3":"CAN","name":"Canada","currency_code":"CAD"},{"s":"arr"}],[{"iso_3166_2":"CH","iso_3166_3":"CHE","name":"Swiss Confederation","currency_code":"CHF"},{"s":"arr"}],[{"iso_3166_2":"DE","iso_3166_3":"DEU","name":"Germany","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"DK","iso_3166_3":"DNK","name":"Denmark","currency_code":"DKK"},{"s":"arr"}],[{"iso_3166_2":"ES","iso_3166_3":"ESP","name":"Spain","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"FR","iso_3166_3":"FRA","name":"France","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"GB","iso_3166_3":"GBR","name":"United Kingdom","currency_code":"GBP"},{"s":"arr"}],[{"iso_3166_2":"IE","iso_3166_3":"IRL","name":"Ireland","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"IT","iso_3166_3":"ITA","name":"Italy","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"NL","iso_3166_3":"NLD","name":"Netherlands","currency_code":"EUR"},{"s":"arr"}],[{"iso_3166_2":"PL","iso_3166_3":"POL","name":"Poland","currency_code":"PLN"},{"s":"arr"}],[{"iso_3166_2":"SE","iso_3166_3":"SWE","name":"Sweden","currency_code":"SEK"},{"s":"arr"}],[{"iso_3166_2":"US","iso_3166_3":"USA","name":"United States","currency_code":"USD"},{"s":"arr"}]],{"s":"arr"}],"countryCode":"US","lastCountryCode":"US","display":"mobile","imageBaseUrl":"https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/","initialised":true},"memo":{"id":"ubfyzolPsY03OtMw0KdF","name":"locale-menu","path":"search","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"US","fs_release":"85490be42f01"},"checksum":"bb4073b9400668d3d607859cd1c87fe2360db07d3601270b89240c51f10fcdfc"}" wire:effects="{"listeners":["pageLoaded"],"dispatches":[{"name":"visitorCountryChanged","params":[]}]}" wire:id="ubfyzolPsY03OtMw0KdF" class="flex-1"> 1797 <div class="hidden"> 1798 <svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewB
1798ox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 1799 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> 1800 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> 1801 </svg> 1802 </div> 1803 1804 <div class=""> 1805 <form class="lg:hidden "> 1806 1807 <div class="flex items-center hidden"> 1808 <div role="status"> 1809 <svg aria-hidden="true" class="mr-2 w-4 h-4 text-white animate-spin dark:text-gray-600 fill-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"> 1810 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/> 1811 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/> 1812 </svg> 1813 <span class="sr-only">Loading...</span> 1814 </div> 1815 </div> 1816 1817 <div class="flex items-center" wire:loading.class="opacity-50"> 1818 <!--[if BLOCK]><![endif]--> <div class="mr-2"> 1819 <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/us.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="US flag" title="US"> 1820 </div> 1821 <!--[if ENDBLOCK]><![endif]--> 1822 1823 <label for="desktop-country" class="sr-only">Country</label> 1824 <div class="group relative bg-gray-100 border focus-within:ring-0 focus-within:ring-gray-200 rounded-md"> 1825 1826 <select wire:change="setLocale" wire:model="countryCode" id="desktop-country" name="locale" 1827 class="bg-none bg-white border-none border-white text-skin-base group-hover:cursor-pointer focus:outline-none focus:ring-0 focus:border-transparent rounded-md py-0.5 pl-2 pr-5 flex items-center text-sm font-medium"> 1828 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="AU" > 1829 AUS 1830 </option> 1831 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="AT" > 1832 AUT 1833 </option> 1834 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="BE" > 1835 BEL 1836 </option> 1837 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="CA" > 1838 CAN 1839 </option> 1840 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="CH" > 1841 CHE 1842 </option> 1843 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="DE" > 1844 DEU 1845 </option> 1846 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="DK" > 1847 DNK 1848 </option> 1849 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="ES" > 1850 ESP 1851 </option> 1852 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="FR" > 1853 FRA 1854 </option> 1855 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="GB" > 1856 GBR 1857 </option> 1858 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="IE" > 1859 IRL 1860 </option> 1861 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="IT" > 1862 ITA 1863 </option> 1864 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="NL" > 1865 NLD 1866 </option> 1867 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="PL" > 1868 POL 1869 </option> 1870 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="SE" > 1871 SWE 1872 </option> 1873 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <option value="US" selected> 1874 USA 1875 </option> 1876 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </select> 1877 1878 <div class="absolute right-0 inset-y-0 flex items-center pointer-events-none"> 1879 <svg class="w-5 h-5 text-skin-base" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg> </div> 1880 </div> 1881 1882 </div> 1883 </form> 1884 </div> 1885</div> 1886 </div> 1887 1888 1889 1890 </div> 1891 </div> 1892 </div> 1893 </div> 1894 </div> 1895 </div> 1896 </nav> 1897</header> 1898 1899 <p align="center"><b><font size="4">Shop for Coloured Pencils & Artist Supplies:<br> 1900<u><font color="#008000"><a target="_blank" href="https://www.amazon.ca/s?k=coloured+pencils+artist+supplies&tag=colouredpencilcanada.ca-20">AMAZON</a></font></u><font color="#008000"> | </font> 1901<a target="_blank" href="https://www.ebay.com/sch/i.html?_nkw=coloured+pencils+artist+supplies&campid=5339024241&toolid=10001&mkevt=1"><font color="#008000"><u>eBay</u></font></a></font></b></u></p> 1902
1903<script> 1904(function(){ 1905 // Only run on category pages 1906 var path = location.pathname.toLowerCase(); 1907 if (!/\/categories\//.test(path)) return; 1908 1909 // Get category name from page 1910 var catNameEl = document.querySelector('.category-title, h1, .page-title'); 1911 var categoryName = (catNameEl ? catNameEl.textContent : document.title || '').trim() || 'Category'; 1912 1913 // Find up to 8 product links on the page 1914 var scope = document.querySelector('main, #main, #content, .content') || document; 1915 var links = Array.from(scope.querySelectorAll('a[href*="/products/"]')); 1916 var MAX_ITEMS = 8; 1917 var seen = new Set(); 1918 var items = []; 1919 for (var i = 0; i < links.length && items.length < MAX_ITEMS; i++) { 1920 var a = links[i]; 1921 var r = a.getBoundingClientRect(); 1922 if (r.width === 0 || r.height === 0) continue; 1923 var href = new URL(a.href, location.origin).href; 1924 if (seen.has(href)) continue; 1925 seen.add(href); 1926 var name = (a.textContent || a.getAttribute('aria-label') || a.title || '').trim(); 1927 if (!name) continue; 1928 items.push({ 1929 "@type": "ListItem", 1930 "position": items.length + 1, 1931 "item": { 1932 "@type": "Product", 1933 "name": name, 1934 "url": href 1935 } 1936 }); 1937 } 1938 if (!items.length) return; 1939 1940 // Build ItemList schema 1941 var itemList = { 1942 "@context": "https://schema.org", 1943 "@type": "ItemList", 1944 "name": categoryName, 1945 "url": location.origin + location.pathname, 1946 "itemListElement": items 1947 }; 1948 1949 // Build FAQ schema â coloured pencils specific 1950 var faq = { 1951 "@type": "FAQPage", 1952 "mainEntity": [ 1953 { 1954 "@type": "Question", 1955 "name": "What are the best coloured pencil brands for Canadian artists?", 1956 "acceptedAnswer": { 1957 "@type": "Answer", 1958 "text": "The most trusted coloured pencil brands available in Canada are Prismacolor Premier for soft wax-based blending, Faber-Castell Polychromos for oil-based precision and sharp edges, Derwent Lightfast for exceptional lightfastness and archival quality, and Caran d'Ache Luminance for the finest professional pigment density available. Staedtler Ergosoft is a popular choice for students and beginners due to its comfort grip and reliable colour range." 1959 } 1960 }, 1961 { 1962 "@type": "Question", 1963 "name": "What is the difference between wax-based and oil-based coloured pencils?", 1964 "acceptedAnswer": { 1965 "@type": "Answer", 1966 "text": "Wax-based coloured pencils such as Prismacolor Premier have a softer core that blends easily and layers smoothly, making them ideal for burnishing and rich colour saturation. However, they are prone to wax bloom over time. Oil-based pencils such as Faber-Castell Polychromos and Caran d'Ache Pablo have a firmer core that holds a sharper point longer, resist wax bloom, and are preferred by professional illustrators for detailed, archival work." 1967 } 1968 } 1969 ] 1970 }; 1971 1972 // Inject both schemas into page head 1973 var graph = [itemList, faq]; 1974 var s = document.createElement('script'); 1975 s.type = 'application/ld+json'; 1976 s.text = JSON.stringify({ "@context": "https://schema.org", "@graph": graph }); 1977 document.head.appendChild(s); 1978})(); 1979</script>
1979 1980 1981 1982 <main> 1983 1984 <div class=""> 1985 1986 <nav aria-label="Breadcrumb" id="navigation-breadcrumbs"> 1987 <ol role="list" class="max-w-2xl mx-auto mt-10 px-4 flex items-center space-x-2 sm:px-6 lg:max-w-7xl lg:px-8"> 1988 1989 <li> 1990 <div class="flex items-center"> 1991 <a href="/" class="truncate mr-2 text-sm font-medium text-skin-base opacity-75 hover:opacity-100"> 1992 Store 1993 </a> 1994 <svg width="16" height="20" viewBox="0 0 16 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-4 h-5 text-skin-light opacity-50"> 1995 <path d="M5.697 4.34L8.98 16.532h1.327L7.025 4.341H5.697z" /> 1996 </svg> 1997 </div> 1998 </li> 1999 2000 2001 <li class="truncate sm:block text-sm font-medium text-skin-base"> 2002 Search 2003 </li> 2004 2005 </ol> 2006</nav> 2007 2008 2009 2010 <div class="max-w-2xl mx-auto pt-10 pb-16 px-4 sm:px-6 lg:max-w-7xl lg:pt-16 lg:pb-24 lg:px-8"> 2011 2012 <div class="py-6"> 2013 <h1 class="font-title text-skin-title !text-4xl md:!text-5xl lg:!text-6xl font-normal text-left">Product Search</h1> 2014 <h2 class="font-subtitle mt-6 text-skin-subtitle text-lg md:text-xl lg:text-2xl font-normal text-left">Enter a few words in the box below and click "Search" to find matching products on our store.</h2> 2015 </div> 2016 2017 <div class="relative"> 2018 <form action="https://colouredpencilcanada.ca/search" method="GET" class="mt-12 sm:mx-auto sm:flex sm:max-w-lg"> 2019 2020 <div class="min-w-0 flex-1"> 2021 <div class="space-y-1"> 2022 2023 <input class="block w-full rounded-md border-gray-300 py-3 px-4 placeholder-gray-500 shadow-sm focus:border-skin-accent focus:ring-skin-accent focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-skin-accent" 2024 2025 name="q" 2026 id="query" 2027 type="text" 2028 value="" 2029 placeholder="Search for products, brands, articles..." 2030 > 2031 </div> 2032 </div> 2033 <div class="mt-4 sm:mt-0 sm:ml-3"> 2034 <button type="submit" class="block w-full rounded-md border border-transparent bg-skin-button-accent px-5 py-3 text-base font-medium text-white shadow-sm hover:bg-opacity-80 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-skin-accent sm:px-10"> 2035 Search 2036 </button> 2037 </div> 2038 </form> 2039 </div> 2040 </div> 2041 2042 2043 </div> 2044 2045 2046 </main> 2047 2048 2049 2050 <footer aria-labelledby="footer-heading" class=""> 2051 <h2 id="footer-heading" class="sr-only">Footer</h2> 2052 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 2053 <div class="border-t border-gray-200"> 2054 <div class="pt-16 pb-20"> 2055 <div class="flex justify-center"> 2056 <svg class="h-8 w-auto text-skin-logo" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24"/><path d="M18 6h-2c0-2.21-1.79-4-4-4S8 3.79 8 6H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8 4c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2zm2-6c1.1 0 2 .9 2 2h-4c0-1.1.9-2 2-2zm4 6c0 .55-.45 1-1 1s-1-.45-1-1V8h2v2z"/></g></svg> </div> 2057 2058 <div class="mt-6 space-x-4 flex justify-center"> 2059 </div> 2060 2061 <div class="mt-16 max-w-6xl mx-auto flex flex-wrap gap-x-6 md:gap-x-12 lg:gap-x-24 md:px-12"> 2062 <div class="flex-1 mb-24 md:mb-6"> 2063 <h3 class="text-sm font-subtitle font-bold text-skin-subtitle"> 2064 Categories 2065 </h3> 2066 <ul role="list" class="mt-6 space-y-6"> 2067 <li class="text-sm"> 2068 <a href="/categories/coloured-pencil-sets" class="text-skin-base hover:opacity-75"> 2069 Coloured Pencil Sets 2070 </a> 2071 </li> 2072 <li class="text-sm"> 2073 <a href="/categories/artist-supplies-accessories" class="text-skin-base hover:opacity-75"> 2074 Artist Supplies & Accessories 2075 </a> 2076 </li> 2077 <li class="text-sm"> 2078 <a href="/categories/drawing-sketchbooks" class="text-skin-base hover:opacity-75"> 2079 Drawing & Sketchbooks 2080 </a> 2081 </li> 2082 <li class="text-sm"> 2083 <a href="/categories/top-artist-supplies-brands" class="text-skin-base hover:opacity-75"> 2084 Top Artist Supplies Brands 2085 </a> 2086 </li> 2087 <li class="text-sm"> 2088 <a href="/categories/watercolour-pencils" class="text-skin-base hover:opacity-75"> 2089 Watercolour Pencils 2090 </a> 2091 </li> 2092 <li class="text-sm"> 2093 <a href="/categories/coloured-pencil-storage-organisation" class="text-skin-base hover:opacity-75"> 2094 Coloured Pencil Storage & Organisation 2095 </a> 2096 </li> 2097 <li class="text-sm"> 2098 <a href="/categories" class="text-skin-base hover:opacity-75"> 2099 Categories 2100 </a> 2101 </li> 2102 </ul> 2103 </div> 2104 <div class="flex-1 mb-24 md:mb-6"> 2105 <h3 class="text-sm font-subtitle font-bold text-skin-subtitle"> 2106 Brands 2107 </h3> 2108 <ul role="list" class="mt-6 space-y-6"> 2109 <li class="text-sm"> 2110 <a href="/brands/mifuner" class="text-skin-base hover:opacity-75"> 2111 Mifuner 2112 </a> 2113 </li> 2114 <li class="text-sm"> 2115 <a href="/brands/sklenice" class="text-skin-base hover:opacity-75"> 2116 Sklenice 2117 </a> 2118 </li> 2119 <li class="text-sm"> 2120 <a href="/brands/mr-pen" class="text-skin-base hover:opacity-75"> 2121 Mr. Pen 2122 </a> 2123 </li> 2124 <li class="text-sm"> 2125 <a href="/brands/meccanixity" class="text-skin-base hover:opacity-75"> 2126 Meccanixity 2127 </a> 2128 </li> 2129 <li class="text-sm"> 2130 <a href="/brands/caran-d-ache" class="text-skin-base hover:opacity-75"> 2131 Caran D'ache 2132 </a> 2133 </li> 2134 <li class="text-sm"> 2135 <a href="/brands/staedtler" class="text-skin-base hover:opacity-75"> 2136 Staedtler 2137 </a> 2138 </li> 2139 <li class="text-sm"> 2140 <a href="/brands" class="text-skin-base hover:opacity-75"> 2141 Brands 2142 </a> 2143 </li> 2144 </ul> 2145 </div> 2146 <div class="flex-1 mb-24 md:mb-6"> 2147 <h3 class="text-sm font-subtitle font-bold text-skin-subtitle"> 2148 Articles 2149 </h3> 2150 <ul role="list" class="mt-6 space-y-6"> 2151 <li class="text-sm"> 2152 <a href="/articles/lightfast-colored-pencils-100-tin-set-of-100-4mm-wide-core-100-lightfast-review-1790643390-9470" class="text-skin-base hover:opacity-75"> 2153 Lightfast Colored Pencils 100 Tin, Set of 100, 4mm Wide Core, 100% Lightfast,... Review: Is It Worth It? 2154 </a> 2155 </li> 2156 <li class="text-sm"> 2157 <a href="/articles/quarry-books-vs-caran-dache-which-colouredpencilcanada-brand-is-right-for-you" class="text-skin-base hover:opacity-75"> 2158 Quarry Books vs Caran D'ache: Which Colouredpencilcanada Brand Is Right for You? 2159 </a> 2160 </li> 2161 <li class="text-sm"> 2162 <a href="/articles/sklenice-buyers-guide-choosing-the-right-model-for-you" class="text-skin-base hover:opacity-75"> 2163 Sklenice Buyer's Guide: Choosing the Right Model for You 2164 </a> 2165 </li> 2166 <li class="text-sm"> 2167 <a href="/articles/why-prismacolor-is-a-favourite-among-colouredpencilcanada-enthusiasts" class="text-skin-base hover:opacity-75"> 2168 Why Prismacolor Is a Favourite Among Colouredpencilcanada Enthusiasts 2169 </a> 2170 </li> 2171 <li class="text-sm"> 2172 <a href="/articles/why-peter-pauper-press-is-a-favourite-among-colouredpencilcanada-enthusiasts" class="text-skin-base hover:opacity-75"> 2173 Why Peter Pauper Press Is a Favourite Among Colouredpencilcanada Enthusiasts 2174 </a> 2175 </li> 2176 <li class="text-sm"> 2177 <a href="/articles/why-ohuhu-is-a-favourite-among-colouredpencilcanada-enthusiasts" class="text-skin-base hover:opacity-75"> 2178 Why Ohuhu Is a Favourite Among Colouredpencilcanada Enthusiasts 2179 </a> 2180 </li> 2181 <li class="text-sm"> 2182 <a href="/articles" class="text-skin-base hover:opacity-75"> 2183 Articles 2184 </a> 2185 </li> 2186 </ul> 2187 </div> 2188 </div> 2189 2190 2191 2192 </div> 2193 2194 2195 2196 </div> 2197 2198 <div class="my-20 items-center px-6 md:px-20"> 2199 <p class="text-sm text-skin-base text-center">Affiliate disclosure: When you click links to various merchants on this site and make a purchase, this can result in this site earning a commission. As an Amazon Associate, we may earn commissions from qualifying purchases from Amazon.</p> 2200 </div> 2201 2202 <div class="my-20 pb-10 md:flex md:items-center md:justify-between"> 2203 <div class="text-center md:text-left"> 2204 <p class="text-sm text-skin-base">© 2026 All Rights Reserved. 2205 </p> 2206 </div> 2207 2208 <div class="mt-4 flex items-center justify-center md:mt-0"> 2209 <div class="flex space-x-8"> 2210 <a href="/privacy-policy" class="text-sm text-skin-link hover:opacity-75"> 2211 Privacy Policy 2212 </a> 2213 <a href="/terms-of-use" class="text-sm text-skin-link hover:opacity-75"> 2214 Terms of Use 2215 </a> 2216 </div> 2217 </div> 2218 </div> 2219 </div> 2220</footer> 2221 2222 2223 </div> 2224 2225
2226<div wire:snapshot="{"data":{"renderedAt":1790950960,"path":"\/search","active":false},"memo":{"id":"5L8zYGeBZ3OpIGf1Fyix","name":"price-refresh","path":"search","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"US","fs_release":"85490be42f01"},"checksum":"a853e02ee2556f61a70d402729abc56f92c67de5daad2457b69b5a629209f3da"}" wire:effects="[]" wire:id="5L8zYGeBZ3OpIGf1Fyix" hidden data-fs-price-refresh data-fs-rendered-at="1790950960"> 2227<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
2228<script src="/livewire/40a765a4/livewire.min.js?id=40a765a4" data-csrf="QmC4AgDcW0Eb9MwmTXV8sxK6JmJv63cIyGms2BRT" data-update-uri="/livewire/update" data-navigate-once="true"></script>
2228 2229 2230 2231 2232 2233 2234<div wire:snapshot="{"data":{"analyticsSiteUrl":"analytics.freshstore.cloud","analyticsSiteId":"24441","templateKey":"crystal","pageType":"page"},"memo":{"id":"BxXodBSpdedp1383r13Z","name":"get-analytics-code","path":"search","method":"GET","release":"a-a-a","children":[],"scripts":["778755636-0"],"assets":[],"errors":[],"locale":"US","fs_release":"85490be42f01"},"checksum":"eb798682900b3a9567f073aff116b344740b7e48c73fe8fe4dae466f398e2275"}" wire:effects="{"scripts":{"778755636-0":" <script>\n\n let isAdmin = document.cookie.match('(^|;)\\\\s*' + 'fs_bt' + '\\\\s*=\\\\s*([^;]+)')?.pop() || '';\n\n if (isAdmin !== '1') {\n var _paq = window._paq = window._paq || [];\n\n const fsStartTracking = function () {\n \/* tracker methods like \"setCustomDimension\" should be called before \"trackPageView\" *\/\n _paq.push(['trackPageView']);\n _paq.push(['enableLinkTracking']);\n _paq.push(['enableHeartBeatTimer']);\n var u = \"\/\/analytics.freshstore.cloud\/\";\n _paq.push(['setTrackerUrl', u + 'matomo.php']);\n _paq.push(['setSiteId', '24441']);\n var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];\n g.async = true;\n g.src = u + 'matomo.js';\n s.parentNode.insertBefore(g, s);\n };\n\n \/\/ A prerendered page (shared\/instant-navigation) is not a visit\n \/\/ until the visitor clicks through to it, and may never be. Matomo's\n \/\/ own check only knows the retired visibilityState 'prerender'.\n if (document.prerendering) {\n document.addEventListener('prerenderingchange', fsStartTracking, { once: true });\n } else {\n fsStartTracking();\n }\n\n document.addEventListener('click', function (e) {\n const link = e.target.closest('a.fs-al');\n if (!link) return;\n\n const productId = link.dataset.productId;\n const offerId = link.dataset.offerId;\n const price = link.dataset.price;\n\n \/\/ placement: which kind of link on the page (offer_row,\n \/\/ ebay_related...), from the link itself or its container.\n const placement = link.dataset.placement\n || link.closest('[data-fs-placement]')?.dataset.fsPlacement\n || '';\n\n if (productId || offerId) {\n window._paq.push(['trackEvent', 'Affiliate', 'Click', JSON.stringify({\n product_id: productId,\n offer_id: offerId,\n price: price,\n url: link.href,\n placement: placement,\n template: 'crystal',\n page_type: 'page' }), 1]);\n }\n });\n }\n\n\n <\/script>\n "}}" wire:id="BxXodBSpdedp1383r13Z"> 2235 </div> 2236 2237 2238</body> 2239</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.