PageSourceSearch

https://colouredpencilcanada.ca/search

html colouredpencilcanada.ca collected 2026-10-02 14:22:41 UTC 179,371 bytes, 2,239 lines download raw bytes

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 [&amp;_.prose]:!text-base text-skin-base"
291        style="background-color: #FFFFFF;"
292    >
293
294<div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;KUjXUN3JV4yvamSyaxZS&quot;,&quot;name&quot;:&quot;toast&quot;,&quot;path&quot;:&quot;search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-3436471034-0&quot;:[&quot;div&quot;,&quot;jJdQk21UPd6wAgYpPhg5&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;,&quot;fs_release&quot;:&quot;85490be42f01&quot;},&quot;checksum&quot;:&quot;e79ac316b8bc51ac40e2a2336a5f842c702b54d35a5bb0c31b1966a586640834&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="KUjXUN3JV4yvamSyaxZS">
295    <div wire:snapshot="{&quot;data&quot;:{&quot;defaultDuration&quot;:5000,&quot;loadDelay&quot;:400,&quot;prod&quot;:true,&quot;toasts&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;jJdQk21UPd6wAgYpPhg5&quot;,&quot;name&quot;:&quot;toasts&quot;,&quot;path&quot;:&quot;search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;,&quot;fs_release&quot;:&quot;85490be42f01&quot;},&quot;checksum&quot;:&quot;0f919beaee93615f1df009d63c625bdcd8e91a538b79df3e5e9fe7a1891419a7&quot;}" 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&#039;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&#039;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 &amp; 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&#039;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 &amp; Drawing Surfaces vs Coloured Pencil Techniques &amp; 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="{&quot;data&quot;:{&quot;storeLocales&quot;:[[[{&quot;iso_3166_2&quot;:&quot;AU&quot;,&quot;iso_3166_3&quot;:&quot;AUS&quot;,&quot;name&quot;:&quot;Australia&quot;,&quot;currency_code&quot;:&quot;AUD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;AT&quot;,&quot;iso_3166_3&quot;:&quot;AUT&quot;,&quot;name&quot;:&quot;Austria&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;BE&quot;,&quot;iso_3166_3&quot;:&quot;BEL&quot;,&quot;name&quot;:&quot;Belgium&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;currency_code&quot;:&quot;CAD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;CH&quot;,&quot;iso_3166_3&quot;:&quot;CHE&quot;,&quot;name&quot;:&quot;Swiss Confederation&quot;,&quot;currency_code&quot;:&quot;CHF&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DK&quot;,&quot;iso_3166_3&quot;:&quot;DNK&quot;,&quot;name&quot;:&quot;Denmark&quot;,&quot;currency_code&quot;:&quot;DKK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;GB&quot;,&quot;iso_3166_3&quot;:&quot;GBR&quot;,&quot;name&quot;:&quot;United Kingdom&quot;,&quot;currency_code&quot;:&quot;GBP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IE&quot;,&quot;iso_3166_3&quot;:&quot;IRL&quot;,&quot;name&quot;:&quot;Ireland&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;currency_code&quot;:&quot;PLN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;currency_code&quot;:&quot;SEK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;US&quot;,&quot;iso_3166_3&quot;:&quot;USA&quot;,&quot;name&quot;:&quot;United States&quot;,&quot;currency_code&quot;:&quot;USD&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;countryCode&quot;:&quot;US&quot;,&quot;lastCountryCode&quot;:&quot;US&quot;,&quot;display&quot;:&quot;desktop&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;,&quot;initialised&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;
1046GXcPHpO3CfVCqamIEYBa&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;,&quot;fs_release&quot;:&quot;85490be42f01&quot;},&quot;checksum&quot;:&quot;428c7ead9d184c7b24428a31f68abe306abbf8407595d6d9553a291d4d81d485&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;],&quot;dispatches&quot;:[{&quot;name&quot;:&quot;visitorCountryChanged&quot;,&quot;params&quot;:[]}]}" 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&#039;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&#039;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 &amp; 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&#039;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 &amp; Drawing Surfaces vs Coloured Pencil Techniques &amp; 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="{&quot;data&quot;:{&quot;storeLocales&quot;:[[[{&quot;iso_3166_2&quot;:&quot;AU&quot;,&quot;iso_3166_3&quot;:&quot;AUS&quot;,&quot;name&quot;:&quot;Australia&quot;,&quot;currency_code&quot;:&quot;AUD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;AT&quot;,&quot;iso_3166_3&quot;:&quot;AUT&quot;,&quot;name&quot;:&quot;Austria&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;BE&quot;,&quot;iso_3166_3&quot;:&quot;BEL&quot;,&quot;name&quot;:&quot;Belgium&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;currency_code&quot;:&quot;CAD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;CH&quot;,&quot;iso_3166_3&quot;:&quot;CHE&quot;,&quot;name&quot;:&quot;Swiss Confederation&quot;,&quot;currency_code&quot;:&quot;CHF&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DK&quot;,&quot;iso_3166_3&quot;:&quot;DNK&quot;,&quot;name&quot;:&quot;Denmark&quot;,&quot;currency_code&quot;:&quot;DKK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;GB&quot;,&quot;iso_3166_3&quot;:&quot;GBR&quot;,&quot;name&quot;:&quot;United Kingdom&quot;,&quot;currency_code&quot;:&quot;GBP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IE&quot;,&quot;iso_3166_3&quot;:&quot;IRL&quot;,&quot;name&quot;:&quot;Ireland&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;currency_code&quot;:&quot;PLN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;currency_code&quot;:&quot;SEK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;US&quot;,&quot;iso_3166_3&quot;:&quot;USA&quot;,&quot;name&quot;:&quot;United States&quot;,&quot;currency_code&quot;:&quot;USD&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;countryCode&quot;:&quot;US&quot;,&quot;lastCountryCode&quot;:&quot;US&quot;,&quot;display&quot;:&quot;mobile&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;,&quot;initialised&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;ubfyzolPsY03OtMw0KdF&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;,&quot;fs_release&quot;:&quot;85490be42f01&quot;},&quot;checksum&quot;:&quot;bb4073b9400668d3d607859cd1c87fe2360db07d3601270b89240c51f10fcdfc&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;],&quot;dispatches&quot;:[{&quot;name&quot;:&quot;visitorCountryChanged&quot;,&quot;params&quot;:[]}]}" 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 &quot;Search&quot; 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 &amp; 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 &amp; 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 &amp; 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&#039;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&#039;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&#039;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">&copy; 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="{&quot;data&quot;:{&quot;renderedAt&quot;:1790950960,&quot;path&quot;:&quot;\/search&quot;,&quot;active&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;5L8zYGeBZ3OpIGf1Fyix&quot;,&quot;name&quot;:&quot;price-refresh&quot;,&quot;path&quot;:&quot;search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;,&quot;fs_release&quot;:&quot;85490be42f01&quot;},&quot;checksum&quot;:&quot;a853e02ee2556f61a70d402729abc56f92c67de5daad2457b69b5a629209f3da&quot;}" 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="{&quot;data&quot;:{&quot;analyticsSiteUrl&quot;:&quot;analytics.freshstore.cloud&quot;,&quot;analyticsSiteId&quot;:&quot;24441&quot;,&quot;templateKey&quot;:&quot;crystal&quot;,&quot;pageType&quot;:&quot;page&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;BxXodBSpdedp1383r13Z&quot;,&quot;name&quot;:&quot;get-analytics-code&quot;,&quot;path&quot;:&quot;search&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;778755636-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;,&quot;fs_release&quot;:&quot;85490be42f01&quot;},&quot;checksum&quot;:&quot;eb798682900b3a9567f073aff116b344740b7e48c73fe8fe4dae466f398e2275&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;778755636-0&quot;:&quot;    &lt;script&gt;\n\n        let isAdmin = document.cookie.match(&#039;(^|;)\\\\s*&#039; + &#039;fs_bt&#039; + &#039;\\\\s*=\\\\s*([^;]+)&#039;)?.pop() || &#039;&#039;;\n\n        if (isAdmin !== &#039;1&#039;) {\n            var _paq = window._paq = window._paq || [];\n\n            const fsStartTracking = function () {\n                \/* tracker methods like \&quot;setCustomDimension\&quot; should be called before \&quot;trackPageView\&quot; *\/\n                _paq.push([&#039;trackPageView&#039;]);\n                _paq.push([&#039;enableLinkTracking&#039;]);\n                _paq.push([&#039;enableHeartBeatTimer&#039;]);\n                var u = \&quot;\/\/analytics.freshstore.cloud\/\&quot;;\n                _paq.push([&#039;setTrackerUrl&#039;, u + &#039;matomo.php&#039;]);\n                _paq.push([&#039;setSiteId&#039;, &#039;24441&#039;]);\n                var d = document, g = d.createElement(&#039;script&#039;), s = d.getElementsByTagName(&#039;script&#039;)[0];\n                g.async = true;\n                g.src = u + &#039;matomo.js&#039;;\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&#039;s\n            \/\/ own check only knows the retired visibilityState &#039;prerender&#039;.\n            if (document.prerendering) {\n                document.addEventListener(&#039;prerenderingchange&#039;, fsStartTracking, { once: true });\n            } else {\n                fsStartTracking();\n            }\n\n            document.addEventListener(&#039;click&#039;, function (e) {\n                const link = e.target.closest(&#039;a.fs-al&#039;);\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(&#039;[data-fs-placement]&#039;)?.dataset.fsPlacement\n                    || &#039;&#039;;\n\n                if (productId || offerId) {\n                    window._paq.push([&#039;trackEvent&#039;, &#039;Affiliate&#039;, &#039;Click&#039;, JSON.stringify({\n                        product_id: productId,\n                        offer_id: offerId,\n                        price: price,\n                        url: link.href,\n                        placement: placement,\n                        template: &#039;crystal&#039;,\n                        page_type: &#039;page&#039;                    }), 1]);\n                }\n            });\n        }\n\n\n    &lt;\/script&gt;\n        &quot;}}" 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.