PageSourceSearch

https://productdesigninterview.com/bundles

html productdesigninterview.com collected 2026-09-24 21:56:49 UTC 82,381 bytes, 3,345 lines download raw bytes

1<!DOCTYPE html>
2<html>
3	<head>
4		<meta charset="utf-8" />
5
6		<title>UX Books for Growing your UX Design Career</title>
7		<meta name="viewport" content="width=device-width, shrink-to-fit=no" />
8
9		<link rel="stylesheet" href="/main-ce93fa5d49.css" />
10		<link rel="stylesheet" href="https://use.typekit.net/dwz1bsl.css" />
11
12		<!-- Search Engine -->
13		<meta name="description" content="Master your UX design career with our curated book bundle. Get your UX design job, get promoted and build a profitable side-hustle." />
14
15		<!-- Schema.org for Google -->
16		<meta
17			itemprop="name"
18			content="UX Books for Growing your UX Design Career"
19		/>
20		<meta
21			itemprop="description"
22			content="Master your UX design career with our curated book bundle. Get your UX design job, get promoted and build a profitable side-hustle."
23		/>
24
25		<!-- Twitter -->
26		<meta name="twitter:card" content="summary_large_image" />
27		<meta
28			name="twitter:title"
29			content="UX Books for Growing your UX Design Career"
30		/>
31		<meta
32			name="twitter:description"
33			content="Master your UX design career with our curated book bundle. Get your UX design job, get promoted and build a profitable side-hustle."
34		/>
35		<meta name="twitter:site" content="@hvost" />
36		<meta
37			name="twitter:image:src"
38			content="https://productdesigninterview.com/img/social-share-22fc276583.jpg"
39		/>
40
41		<!-- Open Graph general (Facebook, Pinterest & Google+) -->
42		<meta
43			property="og:title"
44			content="UX Books for Growing your UX Design Career"
45		/>
46		<meta
47			property="og:description"
48			content="Master your UX design career with our curated book bundle. Get your UX design job, get promoted and build a profitable side-hustle."
49		/>
50		<meta
51			property="og:image"
52			content="https://productdesigninterview.com/img/social-share-22fc276583.jpg"
53		/>
54		<meta property="og:type" content="website" />
55
56		<link rel="icon" href="/img/logo-38d6ed7d8b.svg" type="image/svg+xml" />
57
58		<meta
59			name="ahrefs-site-verification"
60			content="42d706e6f5fe06e05b95f79b5b65697873e84e87e9840c3081cb7222fd5e8007"
61		/>
62
63		
63<script type="application/ld+json">
64			{
65				"@context": "https://schema.org",
66				"@type": "Organization",
67				"name": "Product Design Interview",
68				"url": "https://productdesigninterview.com",
69				"logo": "https://productdesigninterview.com/img/logo-38d6ed7d8b.svg",
70				"founder": {
71					"@type": "Person",
72					"name": "Artiom Dashinsky",
73					"url": "https://www.linkedin.com/in/dashinsky/"
74				},
75				"sameAs": [
76					"https://twitter.com/hvost",
77					"https://www.linkedin.com/in/dashinsky/"
78				]
79			}
80		</script>
80
81
82		
83	</head>
84	<body class="antialiased">
85		
86		<header class="header">
87			<div class="header__inner">
88				<a class="logo" href="/">
89					<div class="logo__image-wrapper">
90						<img
91							class="logo__image"
92							src="/img/logo-38d6ed7d8b.svg"
93							alt="Solving Product Design Exercises: Interview Questions &amp; Answers"
94						/>
95					</div>
96
97					<div class="logo__text">
98						<h1 class="logo__title"></h1>
99						<h2 class="logo__subtitle"></h2>
100					</div>
101				</a>
102
103				<nav class="nav">
104					<ul class="nav__list">
105						<li class="nav__item">
106							<a
107								href="/"
108								class="nav__link "
109								>All <span class="hidden sm:inline">products</span></a
110							>
111						</li>
112						<li class="nav__item">
113							<a
114								href="/bundles"
115								class="nav__link nav__link--active"
116								>Bundles</a
117							>
118						</li>
119						<li class="nav__item">
120							<a href="https://docs.google.com/document/d/1T0Nj41GTq6riaf9DTHmmNXSkvJmcOVaoGAxRknBezTY/edit?usp=sharing" class="nav__link" target="_blank">Workshops</a>
121						</li>
122						<li class="nav__item">
123							<a href="/product-design-managers" class="nav__link"
124								><span class="hidden sm:inline">For</span> Managers</a
125							>
126						</li>
127						<li class="nav__item --desktop">
128							<a href="/#contact" class="nav__link drift-open-chat">Contact</a>
129						</li>
130					</ul>
131				</nav>
132			</div>
133		</header>
134		<!-- .header -->
135		
136
137		<div class="main mb-20">
138
139<section class="px-4 max-w-5xl mx-auto py-12 mb-6">
140	<div class="text-center grid gap-8 max-w-2xl mx-auto">
141		<h1 class="text-5xl md:text-[64px] font-bold">Bundles</h1>
142
143		<p class="text-2xl md:text-[32px]">
144			Books and Videos for Growing your UX Career
145		</p>
146	</div>
147</section>
148<hr class="divider" />
149
150<section class="px-6 md:px-8 max-w-5xl mx-auto pt-3 pb-6 mb-8">
151	<div class="bg-white rounded-2xl border border-gray-200 px-8 md:px-12 py-8 md:py-12">
152		<div class="flex flex-col md:flex-row items-start justify-between gap-6">
153			<div class="flex-1 order-2 md:order-1">
154				<p class="text-xl md:text-2xl mb-1">
155					All bundles include a <strong>FREE 1-year plan</strong>
156				</p>
157				<p class="text-xl md:text-2xl mb-2">
158					for Magic Patterns ($180 value)
159				</p>
160				<button id="read-more-btn" class="text-base underline text-gray-700 hover:text-gray-900 cursor-pointer">
161					Read more
162				</button>
163				<div id="faq-content" class="hidden mt-4">
164					<div class="text-black text-base leading-tight space-y-4">
165						<div>
166							<p class="font-bold mb-1 text-black">What's the catch?</p>
167							<p>No catch at all. Magic Patterns wants to reach more designers and get them to try their product, so they're offering a full 1-year membership. I've partnered with them to include this in every bundle.</p>
168						</div>
169						<div>
170							<p class="font-bold mb-1 text-black">For how long is this offer valid?</p>
171							<p>The supply is limited, so this offer will end once I run out of codes. If you are seeing this section, codes are still available.</p>
172						</div>
173						<div>
174							<p class="font-bold mb-1 text-black">How do I redeem my offer or my code?</p>
175							<p>After your purchase, you'll receive a separate email with your code and instructions on how to redeem it. You will need to apply your code in your Magic Patterns account for the annual plan worth $180.</p>
176						</div>
177						<div>
178							<p class="font-bold mb-1 text-black">When does my free year start?</p>
179							<p>The free year only starts once you go to the Magic Patterns website and redeem the offer there, not when you purchase this bundle or receive your code.</p>
180						</div>
181						<div>
182							<p class="font-bold mb-1 text-black">Who can get the deal?</p>
183							<p>You can get the free year only if you never paid for Magic Patterns before (monthly or yearly). You also can't get the same offer twice.</p>
184						</div>
185						<div>
186							<p class="font-bold mb-1 text-black">What do I do if I have a question?</p>
187							<p>Please contact me <a href="mailto:[email protected]" class="underline">via email</a>.</p>
188						</div>
189					</div>
190				</div>
191			</div>
192			
193			<div class="flex flex-col items-center order-1 md:order-2">
194				<div class="mb-0 pt-2 md:pt-3 pb-4 md:pb-6">
195					<img src="/img/Magic-Patterns-7ec185e3ab.svg" alt="Magic Patterns logo" class="w-44 md:w-60 flex-shrink-0" />
196				</div>
197				<div class="flex items-center gap-2 -mt-2">
198					<svg class="w-4 h-4 text-green-600" fill="currentColor" viewBox="0 0 20 20">
199						<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
200					</svg>
201					<span class="text-green-600 font-semibold text-xs uppercase tracking-wide">INCLUDED IN ALL BUNDLES</span>
202				</div>
203			</div>
204		</div>
205	</div>
206</section>
207
208<script>
209	document.addEventListener('DOMContentLoaded', function() {
210		const readMoreBtn = document.getElementById('read-more-btn');
211		const faqContent = document.getElementById('faq-content');
212		
213		if (readMoreBtn && faqContent) {
214			readMoreBtn.addEventListener('click', function() {
215				faqContent.classList.toggle('hidden');
216				readMoreBtn.textContent = faqContent.classList.contains('hidden') ? 'Read more' : 'Read less';
217			});
218		}
219	});
220</script>
220
221
222<div class="text-center mb-12">
223    <h2 class="text-3xl md:text-4xl font-medium">All Access</h2>
224</div>
225
226<div class="max-w-5xl mx-auto px-4 grid md:grid-cols-3 gap-8">
227    <div id='product-component-1742578851963'></div>
228    <div id='product-component-1742578897771'></div>
229    <div id='product-component-1742578912679'></div>
230</div>
231
232<script type="text/javascript">
233/*<![CDATA[*/
234(function () {
235  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
236  if (window.ShopifyBuy) {
237    if (window.ShopifyBuy.UI) {
238      ShopifyBuyInit();
239    } else {
240      loadScript();
241    }
242  } else {
243    loadScript();
244  }
245  function loadScript() {
246    var script = document.createElement('script');
247    script.async = true;
248    script.src = scriptURL;
249    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
250    script.onload = ShopifyBuyInit;
251  }
252  function ShopifyBuyInit() {
253    var client = ShopifyBuy.buildClient({
254      domain: 'design-interview.myshopify.com',
255      storefrontAccessToken: '3bf5281d2be46795091fc24359dfca33',
256    });
257    ShopifyBuy.UI.onReady(client).then(function (ui) {
258      ui.createComponent('product', {
259        id: '15041719828745',
260        node: document.getElementById('product-component-1742578851963'),
261        moneyFormat: '%24%7B%7Bamount%7D%7D',
262        options: {
263  "product": {
264    "styles": {
265      "product": {
266        "@media (min-width: 601px)": {
267          "max-width": "calc(25% - 20px)",
268          "margin-left": "20px",
269          "margin-bottom": "50px"
270        }
271      },
272      "title": {
273        "font-family": "Source Sans Pro, sans-serif",
274        "font-weight": "normal",
275        "color": "#000000"
276      },
277      "button": {
278        "font-family": "Open Sans, sans-serif",
279        "font-weight": "bold",
280        "font-size": "14px",
281        "padding-top": "15px",
282        "padding-bottom": "15px",
283        ":hover": {
284          "background-color": "#d44f49"
285        },
286        "background-color": "#eb5851",
287        ":focus": {
288          "background-color": "#d44f49"
289        },
290        "padding-left": "28px",
291        "padding-right": "28px"
292      },
293      "quantityInput": {
294        "font-size": "14px",
295        "padding-top": "15px",
296        "padding-bottom": "15px"
297      },
298      "price": {
299        "font-family": "Source Sans Pro, sans-serif",
300        "color": "#000000"
301      },
302      "compareAt": {
303        "font-family": "Source Sans Pro, sans-serif",
304        "color": "#000000"
305      },
306      "unitPrice": {
307        "font-family": "Source Sans Pro, sans-serif",
308        "color": "#000000"
309      },
310      "description": {
311        "font-family": "Source Sans Pro, sans-serif",
312        "font-size": "15px",
313        "color": "#000000"
314      }
315    },
316    "buttonDestination": "modal",
317    "contents": {
318      "options": false
319    },
320    "text": {
321      "button": "View product"
322    },
323    "googleFonts": [
324      "Source Sans Pro",
325      "Open Sans"
326    ]
327  },
328  "productSet": {
329    "styles": {
330      "products": {
331        "@media (min-width: 601px)": {
332          "margin-left": "-20px"
333        }
334      }
335    }
336  },
337  "modalProduct": {
338    "contents": {
339      "img": false,
340      "imgWithCarousel": true
341    },
342    "styles": {
343      "product": {
344        "@media (min-width: 601px)": {
345          "max-width": "100%",
346          "margin-left": "0px",
347          "margin-bottom": "0px"
348        }
349      },
350      "button": {
351        "font-family": "Open Sans, sans-serif",
352        "font-weight": "bold",
353        "font-size": "14px",
354        "padding-top": "15px",
355        "padding-bottom": "15px",
356        ":hover": {
357          "background-color": "#d44f49"
358        },
359        "background-color": "#eb5851",
360        ":focus": {
361          "background-color": "#d44f49"
362        },
363        "padding-left": "28px",
364        "padding-right": "28px"
365      },
366      "quantityInput": {
367        "font-size": "14px",
368        "padding-top": "15px",
369        "padding-bottom": "15px"
370      },
371      "title": {
372        "font-family": "Source Sans Pro, sans-serif",
373        "font-weight": "normal",
374        "font-size": "26px",
375        "color": "#000000"
376      },
377      "price": {
378        "font-family": "Source Sans Pro, sans-serif",
379        "font-weight": "bold",
380        "font-size": "18px",
381        "color": "#0c0c0c"
382      },
383      "compareAt": {
384        "font-family": "Source Sans Pro, sans-serif",
385        "font-weight": "bold",
386        "font-size": "15.299999999999999px",
387        "color": "#0c0c0c"
388      },
389      "unitPrice": {
390        "font-family": "Source Sans Pro, sans-serif",
391        "font-weight": "bold",
392        "font-size": "15.299999999999999px",
393        "color": "#0c0c0c"
394      },
395      "description": {
396        "font-family": "Source Sans Pro, sans-serif",
397        "font-weight": "normal",
398        "font-size": "15px",
399        "color": "#312121"
400      }
401    },
402    "googleFonts": [
403      "Source Sans Pro",
404      "Open Sans"
405    ]
406  },
407  "option": {
408    "styles": {
409      "label": {
410        "font-family": "Source Sans Pro, sans-serif"
411      },
412      "select": {
413        "font-family": "Source Sans Pro, sans-serif"
414      }
415    },
416    "googleFonts": [
417      "Source Sans Pro"
418    ]
419  },
420  "cart": {
421    "styles": {
422      "button": {
423        "font-family": "Open Sans, sans-serif",
424        "font-weight": "bold",
425        "font-size": "14px",
426        "padding-top": "15px",
427        "padding-bottom": "15px",
428        ":hover": {
429          "background-color": "#d44f49"
430        },
431        "background-color": "#eb5851",
432        ":focus": {
433          "background-color": "#d44f49"
434        }
435      },
436      "title": {
437        "color": "#4c4c4c"
438      },
439      "header": {
440        "color": "#4c4c4c"
441      },
442      "lineItems": {
443        "color": "#4c4c4c"
444      },
445      "subtotalText": {
446        "color": "#4c4c4c"
447      },
448      "subtotal": {
449        "color": "#4c4c4c"
450      },
451      "notice": {
452        "color": "#4c4c4c"
453      },
454      "currency": {
455        "color": "#4c4c4c"
456      },
457      "close": {
458        "color": "#4c4c4c",
459        ":hover": {
460          "color": "#4c4c4c"
461        }
462      },
463      "empty": {
464        "color": "#4c4c4c"
465      },
466      "noteDescription": {
467        "color": "#4c4c4c"
468      },
469      "discountText": {
470        "color": "#4c4c4c"
471      },
472      "discountIcon": {
473        "fill": "#4c4c4c"
474      },
475      "discountAmount": {
476        "color": "#4c4c4c"
477      }
478    },
479    "googleFonts": [
480      "Open Sans"
481    ]
482  },
483  "toggle": {
484    "styles": {
485      "toggle": {
486        "font-family": "Open Sans, sans-serif",
487        "font-weight": "bold",
488        "background-color": "#eb5851",
489        ":hover": {
490          "background-color": "#d44f49"
491        },
492        ":focus": {
493          "background-color": "#d44f49"
494        }
495      },
496      "count": {
497        "font-size": "14px"
498      }
499    },
500    "googleFonts": [
501      "Open Sans"
502    ]
503  },
504  "lineItem": {
505    "styles": {
506      "variantTitle": {
507        "color": "#4c4c4c"
508      },
509      "title": {
510        "color": "#4c4c4c"
511      },
512      "price": {
513        "color": "#4c4c4c"
514      },
515      "fullPrice": {
516        "color": "#4c4c4c"
517      },
518      "discount": {
519        "color": "#4c4c4c"
520      },
521      "discountIcon": {
522        "fill": "#4c4c4c"
523      },
524      "quantity": {
525        "color": "#4c4c4c"
526      },
527      "quantityIncrement": {
528        "color": "#4c4c4c",
529        "border-color": "#4c4c4c"
530      },
531      "quantityDecrement": {
532        "color": "#4c4c4c",
533        "border-color": "#4c4c4c"
534      },
535      "quantityInput": {
536        "color": "#4c4c4c",
537        "border-color": "#4c4c4c"
538      }
539    }
540  }
541},
542      });
543    });
544  }
545})();
546/*]]>*/
547</script>
547
548
549<div id='product-component-1742578897771'></div>
550<script type="text/javascript">
551/*<![CDATA[*/
552(function () {
553  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
554  if (window.ShopifyBuy) {
555    if (window.ShopifyBuy.UI) {
556      ShopifyBuyInit();
557    } else {
558      loadScript();
559    }
560  } else {
561    loadScript();
562  }
563  function loadScript() {
564    var script = document.createElement('script');
565    script.async = true;
566    script.src = scriptURL;
567    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
568    script.onload = ShopifyBuyInit;
569  }
570  function ShopifyBuyInit() {
571    var client = ShopifyBuy.buildClient({
572      domain: 'design-interview.myshopify.com',
573      storefrontAccessToken: '3bf5281d2be46795091fc24359dfca33',
574    });
575    ShopifyBuy.UI.onReady(client).then(function (ui) {
576      ui.createComponent('product', {
577        id: '15041803256073',
578        node: document.getElementById('product-component-1742578897771'),
579        moneyFormat: '%24%7B%7Bamount%7D%7D',
580        options: {
581  "product": {
582    "styles": {
583      "product": {
584        "@media (min-width: 601px)": {
585          "max-width": "calc(25% - 20px)",
586          "margin-left": "20px",
587          "margin-bottom": "50px"
588        }
589      },
590      "title": {
591        "font-family": "Source Sans Pro, sans-serif",
592        "font-weight": "normal",
593        "color": "#000000"
594      },
595      "button": {
596        "font-family": "Open Sans, sans-serif",
597        "font-weight": "bold",
598        "font-size": "14px",
599        "padding-top": "15px",
600        "padding-bottom": "15px",
601        ":hover": {
602          "background-color": "#d44f49"
603        },
604        "background-color": "#eb5851",
605        ":focus": {
606          "background-color": "#d44f49"
607        },
608        "padding-left": "28px",
609        "padding-right": "28px"
610      },
611      "quantityInput": {
612        "font-size": "14px",
613        "padding-top": "15px",
614        "padding-bottom": "15px"
615      },
616      "price": {
617        "font-family": "Source Sans Pro, sans-serif",
618        "color": "#000000"
619      },
620      "compareAt": {
621        "font-family": "Source Sans Pro, sans-serif",
622        "color": "#000000"
623      },
624      "unitPrice": {
625        "font-family": "Source Sans Pro, sans-serif",
626        "color": "#000000"
627      },
628      "description": {
629        "font-family": "Source Sans Pro, sans-serif",
630        "font-size": "15px",
631        "color": "#000000"
632      }
633    },
634    "buttonDestination": "modal",
635    "contents": {
636      "options": false
637    },
638    "text": {
639      "button": "View product"
640    },
641    "googleFonts": [
642      "Source Sans Pro",
643      "Open Sans"
644    ]
645  },
646  "productSet": {
647    "styles": {
648      "products": {
649        "@media (min-width: 601px)": {
650          "margin-left": "-20px"
651        }
652      }
653    }
654  },
655  "modalProduct": {
656    "contents": {
657      "img": false,
658      "imgWithCarousel": true
659    },
660    "styles": {
661      "product": {
662        "@media (min-width: 601px)": {
663          "max-width": "100%",
664          "margin-left": "0px",
665          "margin-bottom": "0px"
666        }
667      },
668      "button": {
669        "font-family": "Open Sans, sans-serif",
670        "font-weight": "bold",
671        "font-size": "14px",
672        "padding-top": "15px",
673        "padding-bottom": "15px",
674        ":hover": {
675          "background-color": "#d44f49"
676        },
677        "background-color": "#eb5851",
678        ":focus": {
679          "background-color": "#d44f49"
680        },
681        "padding-left": "28px",
682        "padding-right": "28px"
683      },
684      "quantityInput": {
685        "font-size": "14px",
686        "padding-top": "15px",
687        "padding-bottom": "15px"
688      },
689      "title": {
690        "font-family": "Source Sans Pro, sans-serif",
691        "font-weight": "normal",
692        "font-size": "26px",
693        "color": "#000000"
694      },
695      "price": {
696        "font-family": "Source Sans Pro, sans-serif",
697        "font-weight": "bold",
698        "font-size": "18px",
699        "color": "#0c0c0c"
700      },
701      "compareAt": {
702        "font-family": "Source Sans Pro, sans-serif",
703        "font-weight": "bold",
704        "font-size": "15.299999999999999px",
705        "color": "#0c0c0c"
706      },
707      "unitPrice": {
708        "font-family": "Source Sans Pro, sans-serif",
709        "font-weight": "bold",
710        "font-size": "15.299999999999999px",
711        "color": "#0c0c0c"
712      },
713      "description": {
714        "font-family": "Source Sans Pro, sans-serif",
715        "font-weight": "normal",
716        "font-size": "15px",
717        "color": "#312121"
718      }
719    },
720    "googleFonts": [
721      "Source Sans Pro",
722      "Open Sans"
723    ]
724  },
725  "option": {
726    "styles": {
727      "label": {
728        "font-family": "Source Sans Pro, sans-serif"
729      },
730      "select": {
731        "font-family": "Source Sans Pro, sans-serif"
732      }
733    },
734    "googleFonts": [
735      "Source Sans Pro"
736    ]
737  },
738  "cart": {
739    "styles": {
740      "button": {
741        "font-family": "Open Sans, sans-serif",
742        "font-weight": "bold",
743        "font-size": "14px",
744        "padding-top": "15px",
745        "padding-bottom": "15px",
746        ":hover": {
747          "background-color": "#d44f49"
748        },
749        "background-color": "#eb5851",
750        ":focus": {
751          "background-color": "#d44f49"
752        }
753      },
754      "title": {
755        "color": "#4c4c4c"
756      },
757      "header": {
758        "color": "#4c4c4c"
759      },
760      "lineItems": {
761        "color": "#4c4c4c"
762      },
763      "subtotalText": {
764        "color": "#4c4c4c"
765      },
766      "subtotal": {
767        "color": "#4c4c4c"
768      },
769      "notice": {
770        "color": "#4c4c4c"
771      },
772      "currency": {
773        "color": "#4c4c4c"
774      },
775      "close": {
776        "color": "#4c4c4c",
777        ":hover": {
778          "color": "#4c4c4c"
779        }
780      },
781      "empty": {
782        "color": "#4c4c4c"
783      },
784      "noteDescription": {
785        "color": "#4c4c4c"
786      },
787      "discountText": {
788        "color": "#4c4c4c"
789      },
790      "discountIcon": {
791        "fill": "#4c4c4c"
792      },
793      "discountAmount": {
794        "color": "#4c4c4c"
795      }
796    },
797    "googleFonts": [
798      "Open Sans"
799    ]
800  },
801  "toggle": {
802    "styles": {
803      "toggle": {
804        "font-family": "Open Sans, sans-serif",
805        "font-weight": "bold",
806        "background-color": "#eb5851",
807        ":hover": {
808          "background-color": "#d44f49"
809        },
810        ":focus": {
811          "background-color": "#d44f49"
812        }
813      },
814      "count": {
815        "font-size": "14px"
816      }
817    },
818    "googleFonts": [
819      "Open Sans"
820    ]
821  },
822  "lineItem": {
823    "styles": {
824      "variantTitle": {
825        "color": "#4c4c4c"
826      },
827      "title": {
828        "color": "#4c4c4c"
829      },
830      "price": {
831        "color": "#4c4c4c"
832      },
833      "fullPrice": {
834        "color": "#4c4c4c"
835      },
836      "discount": {
837        "color": "#4c4c4c"
838      },
839      "discountIcon": {
840        "fill": "#4c4c4c"
841      },
842      "quantity": {
843        "color": "#4c4c4c"
844      },
845      "quantityIncrement": {
846        "color": "#4c4c4c",
847        "border-color": "#4c4c4c"
848      },
849      "quantityDecrement": {
850        "color": "#4c4c4c",
851        "border-color": "#4c4c4c"
852      },
853      "quantityInput": {
854        "color": "#4c4c4c",
855        "border-color": "#4c4c4c"
856      }
857    }
858  }
859},
860      });
861    });
862  }
863})();
864/*]]>*/
865</script>
865
866
867<div id='product-component-1742578912679'></div>
868<script type="text/javascript">
869/*<![CDATA[*/
870(function () {
871  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
872  if (window.ShopifyBuy) {
873    if (window.ShopifyBuy.UI) {
874      ShopifyBuyInit();
875    } else {
876      loadScript();
877    }
878  } else {
879    loadScript();
880  }
881  function loadScript() {
882    var script = document.createElement('script');
883    script.async = true;
884    script.src = scriptURL;
885    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
886    script.onload = ShopifyBuyInit;
887  }
888  function ShopifyBuyInit() {
889    var client = ShopifyBuy.buildClient({
890      domain: 'design-interview.myshopify.com',
891      storefrontAccessToken: '3bf5281d2be46795091fc24359dfca33',
892    });
893    ShopifyBuy.UI.onReady(client).then(function (ui) {
894      ui.createComponent('product', {
895        id: '15041800143113',
896        node: document.getElementById('product-component-1742578912679'),
897        moneyFormat: '%24%7B%7Bamount%7D%7D',
898        options: {
899  "product": {
900    "styles": {
901      "product": {
902        "@media (min-width: 601px)": {
903          "max-width": "calc(25% - 20px)",
904          "margin-left": "20px",
905          "margin-bottom": "50px"
906        }
907      },
908      "title": {
909        "font-family": "Source Sans Pro, sans-serif",
910        "font-weight": "normal",
911        "color": "#000000"
912      },
913      "button": {
914        "font-family": "Open Sans, sans-serif",
915        "font-weight": "bold",
916        "font-size": "14px",
917        "padding-top": "15px",
918        "padding-bottom": "15px",
919        ":hover": {
920          "background-color": "#d44f49"
921        },
922        "background-color": "#eb5851",
923        ":focus": {
924          "background-color": "#d44f49"
925        },
926        "padding-left": "28px",
927        "padding-right": "28px"
928      },
929      "quantityInput": {
930        "font-size": "14px",
931        "padding-top": "15px",
932        "padding-bottom": "15px"
933      },
934      "price": {
935        "font-family": "Source Sans Pro, sans-serif",
936        "color": "#000000"
937      },
938      "compareAt": {
939        "font-family": "Source Sans Pro, sans-serif",
940        "color": "#000000"
941      },
942      "unitPrice": {
943        "font-family": "Source Sans Pro, sans-serif",
944        "color": "#000000"
945      },
946      "description": {
947        "font-family": "Source Sans Pro, sans-serif",
948        "font-size": "15px",
949        "color": "#000000"
950      }
951    },
952    "buttonDestination": "modal",
953    "contents": {
954      "options": false
955    },
956    "text": {
957      "button": "View product"
958    },
959    "googleFonts": [
960      "Source Sans Pro",
961      "Open Sans"
962    ]
963  },
964  "productSet": {
965    "styles": {
966      "products": {
967        "@media (min-width: 601px)": {
968          "margin-left": "-20px"
969        }
970      }
971    }
972  },
973  "modalProduct": {
974    "contents": {
975      "img": false,
976      "imgWithCarousel": true
977    },
978    "styles": {
979      "product": {
980        "@media (min-width: 601px)": {
981          "max-width": "100%",
982          "margin-left": "0px",
983          "margin-bottom": "0px"
984        }
985      },
986      "button": {
987        "font-family": "Open Sans, sans-serif",
988        "font-weight": "bold",
989        "font-size": "14px",
990        "padding-top": "15px",
991        "padding-bottom": "15px",
992        ":hover": {
993          "background-color": "#d44f49"
994        },
995        "background-color": "#eb5851",
996        ":focus": {
997          "background-color": "#d44f49"
998        },
999        "padding-left": "28px",
1000        "padding-right": "28px"
1001      },
1002      "quantityInput": {
1003        "font-size": "14px",
1004        "padding-top": "15px",
1005        "padding-bottom": "15px"
1006      },
1007      "title": {
1008        "font-family": "Source Sans Pro, sans-serif",
1009        "font-weight": "normal",
1010        "font-size": "26px",
1011        "color": "#000000"
1012      },
1013      "price": {
1014        "font-family": "Source Sans Pro, sans-serif",
1015        "font-weight": "bold",
1016        "font-size": "18px",
1017        "color": "#0c0c0c"
1018      },
1019      "compareAt": {
1020        "font-family": "Source Sans Pro, sans-serif",
1021        "font-weight": "bold",
1022        "font-size": "15.299999999999999px",
1023        "color": "#0c0c0c"
1024      },
1025      "unitPrice": {
1026        "font-family": "Source Sans Pro, sans-serif",
1027        "font-weight": "bold",
1028        "font-size": "15.299999999999999px",
1029        "color": "#0c0c0c"
1030      },
1031      "description": {
1032        "font-family": "Source Sans Pro, sans-serif",
1033        "font-weight": "normal",
1034        "font-size": "15px",
1035        "color": "#312121"
1036      }
1037    },
1038    "googleFonts": [
1039      "Source Sans Pro",
1040      "Open Sans"
1041    ]
1042  },
1043  "option": {
1044    "styles": {
1045      "label": {
1046        "font-family": "Source Sans Pro, sans-serif"
1047      },
1048      "select": {
1049        "font-family": "Source Sans Pro, sans-serif"
1050      }
1051    },
1052    "googleFonts": [
1053      "Source Sans Pro"
1054    ]
1055  },
1056  "cart": {
1057    "styles": {
1058      "button": {
1059        "font-family": "Open Sans, sans-serif",
1060        "font-weight": "bold",
1061        "font-size": "14px",
1062        "padding-top": "15px",
1063        "padding-bottom": "15px",
1064        ":hover": {
1065          "background-color": "#d44f49"
1066        },
1067        "background-color": "#eb5851",
1068        ":focus": {
1069          "background-color": "#d44f49"
1070        }
1071      },
1072      "title": {
1073        "color": "#4c4c4c"
1074      },
1075      "header": {
1076        "color": "#4c4c4c"
1077      },
1078      "lineItems": {
1079        "color": "#4c4c4c"
1080      },
1081      "subtotalText": {
1082        "color": "#4c4c4c"
1083      },
1084      "subtotal": {
1085        "color": "#4c4c4c"
1086      },
1087      "notice": {
1088        "color": "#4c4c4c"
1089      },
1090      "currency": {
1091        "color": "#4c4c4c"
1092      },
1093      "close": {
1094        "color": "#4c4c4c",
1095        ":hover": {
1096          "color": "#4c4c4c"
1097        }
1098      },
1099      "empty": {
1100        "color": "#4c4c4c"
1101      },
1102      "noteDescription": {
1103        "color": "#4c4c4c"
1104      },
1105      "discountText": {
1106        "color": "#4c4c4c"
1107      },
1108      "discountIcon": {
1109        "fill": "#4c4c4c"
1110      },
1111      "discountAmount": {
1112        "color": "#4c4c4c"
1113      }
1114    },
1115    "googleFonts": [
1116      "Open Sans"
1117    ]
1118  },
1119  "toggle": {
1120    "styles": {
1121      "toggle": {
1122        "font-family": "Open Sans, sans-serif",
1123        "font-weight": "bold",
1124        "background-color": "#eb5851",
1125        ":hover": {
1126          "background-color": "#d44f49"
1127        },
1128        ":focus": {
1129          "background-color": "#d44f49"
1130        }
1131      },
1132      "count": {
1133        "font-size": "14px"
1134      }
1135    },
1136    "googleFonts": [
1137      "Open Sans"
1138    ]
1139  },
1140  "lineItem": {
1141    "styles": {
1142      "variantTitle": {
1143        "color": "#4c4c4c"
1144      },
1145      "title": {
1146        "color": "#4c4c4c"
1147      },
1148      "price": {
1149        "color": "#4c4c4c"
1150      },
1151      "fullPrice": {
1152        "color": "#4c4c4c"
1153      },
1154      "discount": {
1155        "color": "#4c4c4c"
1156      },
1157      "discountIcon": {
1158        "fill": "#4c4c4c"
1159      },
1160      "quantity": {
1161        "color": "#4c4c4c"
1162      },
1163      "quantityIncrement": {
1164        "color": "#4c4c4c",
1165        "border-color": "#4c4c4c"
1166      },
1167      "quantityDecrement": {
1168        "color": "#4c4c4c",
1169        "border-color": "#4c4c4c"
1170      },
1171      "quantityInput": {
1172        "color": "#4c4c4c",
1173        "border-color": "#4c4c4c"
1174      }
1175    }
1176  }
1177},
1178      });
1179    });
1180  }
1181})();
1182/*]]>*/
1183</script>
1183
1184
1185<br><br>
1186<hr class="divider" />
1187
1188<div class="text-center mb-12">
1189    <h2 class="text-3xl md:text-4xl font-medium">Mid-Level and Junior Designers</h2>
1190</div>
1191
1192<div class="max-w-5xl mx-auto px-4 grid md:grid-cols-3 gap-8">
1193    <div id='product-component-1742582576106'></div>
1194    <div id='product-component-1742582558131'></div>
1195    <div id='product-component-1742580361151'></div>
1196</div>
1197
1198<script type="text/javascript">
1199/*<![CDATA[*/
1200(function () {
1201  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
1202  if (window.ShopifyBuy) {
1203    if (window.ShopifyBuy.UI) {
1204      ShopifyBuyInit();
1205    } else {
1206      loadScript();
1207    }
1208  } else {
1209    loadScript();
1210  }
1211  function loadScript() {
1212    var script = document.createElement('script');
1213    script.async = true;
1214    script.src = scriptURL;
1215    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
1216    script.onload = ShopifyBuyInit;
1217  }
1218  function ShopifyBuyInit() {
1219    var client = ShopifyBuy.buildClient({
1220      domain: 'design-interview.myshopify.com',
1221      storefrontAccessToken: '3bf5281d2be46795091fc24359dfca33',
1222    });
1223    ShopifyBuy.UI.onReady(client).then(function (ui) {
1224      ui.createComponent('product', {
1225        id: '15047498170633',
1226        node: document.getElementById('product-component-1742582576106'),
1227        moneyFormat: '%24%7B%7Bamount%7D%7D',
1228        options: {
1229  "product": {
1230    "styles": {
1231      "product": {
1232        "@media (min-width: 601px)": {
1233          "max-width": "calc(25% - 20px)",
1234          "margin-left": "20px",
1235          "margin-bottom": "50px"
1236        }
1237      },
1238      "title": {
1239        "font-family": "Source Sans Pro, sans-serif",
1240        "font-weight": "normal",
1241        "color": "#000000"
1242      },
1243      "button": {
1244        "font-family": "Open Sans, sans-serif",
1245        "font-weight": "bold",
1246        "font-size": "14px",
1247        "padding-top": "15px",
1248        "padding-bottom": "15px",
1249        ":hover": {
1250          "background-color": "#d44f49"
1251        },
1252        "background-color": "#eb5851",
1253        ":focus": {
1254          "background-color": "#d44f49"
1255        },
1256        "padding-left": "28px",
1257        "padding-right": "28px"
1258      },
1259      "quantityInput": {
1260        "font-size": "14px",
1261        "padding-top": "15px",
1262        "padding-bottom": "15px"
1263      },
1264      "price": {
1265        "font-family": "Source Sans Pro, sans-serif",
1266        "color": "#000000"
1267      },
1268      "compareAt": {
1269        "font-family": "Source Sans Pro, sans-serif",
1270        "color": "#000000"
1271      },
1272      "unitPrice": {
1273        "font-family": "Source Sans Pro, sans-serif",
1274        "color": "#000000"
1275      },
1276      "description": {
1277        "font-family": "Source Sans Pro, sans-serif",
1278        "font-size": "15px",
1279        "color": "#000000"
1280      }
1281    },
1282    "buttonDestination": "modal",
1283    "contents": {
1284      "options": false
1285    },
1286    "text": {
1287      "button": "View product"
1288    },
1289    "googleFonts": [
1290      "Source Sans Pro",
1291      "Open Sans"
1292    ]
1293  },
1294  "productSet": {
1295    "styles": {
1296      "products": {
1297        "@media (min-width: 601px)": {
1298          "margin-left": "-20px"
1299        }
1300      }
1301    }
1302  },
1303  "modalProduct": {
1304    "contents": {
1305      "img": false,
1306      "imgWithCarousel": true
1307    },
1308    "styles": {
1309      "product": {
1310        "@media (min-width: 601px)": {
1311          "max-width": "100%",
1312          "margin-left": "0px",
1313          "margin-bottom": "0px"
1314        }
1315      },
1316      "button": {
1317        "font-family": "Open Sans, sans-serif",
1318        "font-weight": "bold",
1319        "font-size": "14px",
1320        "padding-top": "15px",
1321        "padding-bottom": "15px",
1322        ":hover": {
1323          "background-color": "#d44f49"
1324        },
1325        "background-color": "#eb5851",
1326        ":focus": {
1327          "background-color": "#d44f49"
1328        },
1329        "padding-left": "28px",
1330        "padding-right": "28px"
1331      },
1332      "quantityInput": {
1333        "font-size": "14px",
1334        "padding-top": "15px",
1335        "padding-bottom": "15px"
1336      },
1337      "title": {
1338        "font-family": "Source Sans Pro, sans-serif",
1339        "font-weight": "normal",
1340        "font-size": "26px",
1341        "color": "#000000"
1342      },
1343      "price": {
1344        "font-family": "Source Sans Pro, sans-serif",
1345        "font-weight": "bold",
1346        "font-size": "18px",
1347        "color": "#0c0c0c"
1348      },
1349      "compareAt": {
1350        "font-family": "Source Sans Pro, sans-serif",
1351        "font-weight": "bold",
1352        "font-size": "15.299999999999999px",
1353        "color": "#0c0c0c"
1354      },
1355      "unitPrice": {
1356        "font-family": "Source Sans Pro, sans-serif",
1357        "font-weight": "bold",
1358        "font-size": "15.299999999999999px",
1359        "color": "#0c0c0c"
1360      },
1361      "description": {
1362        "font-family": "Source Sans Pro, sans-serif",
1363        "font-weight": "normal",
1364        "font-size": "15px",
1365        "color": "#312121"
1366      }
1367    },
1368    "googleFonts": [
1369      "Source Sans Pro",
1370      "Open Sans"
1371    ]
1372  },
1373  "option": {
1374    "styles": {
1375      "label": {
1376        "font-family": "Source Sans Pro, sans-serif"
1377      },
1378      "select": {
1379        "font-family": "Source Sans Pro, sans-serif"
1380      }
1381    },
1382    "googleFonts": [
1383      "Source Sans Pro"
1384    ]
1385  },
1386  "cart": {
1387    "styles": {
1388      "button": {
1389        "font-family": "Open Sans, sans-serif",
1390        "font-weight": "bold",
1391        "font-size": "14px",
1392        "padding-top": "15px",
1393        "padding-bottom": "15px",
1394        ":hover": {
1395          "background-color": "#d44f49"
1396        },
1397        "background-color": "#eb5851",
1398        ":focus": {
1399          "background-color": "#d44f49"
1400        }
1401      },
1402      "title": {
1403        "color": "#4c4c4c"
1404      },
1405      "header": {
1406        "color": "#4c4c4c"
1407      },
1408      "lineItems": {
1409        "color": "#4c4c4c"
1410      },
1411      "subtotalText": {
1412        "color": "#4c4c4c"
1413      },
1414      "subtotal": {
1415        "color": "#4c4c4c"
1416      },
1417      "notice": {
1418        "color": "#4c4c4c"
1419      },
1420      "currency": {
1421        "color": "#4c4c4c"
1422      },
1423      "close": {
1424        "color": "#4c4c4c",
1425        ":hover": {
1426          "color": "#4c4c4c"
1427        }
1428      },
1429      "empty": {
1430        "color": "#4c4c4c"
1431      },
1432      "noteDescription": {
1433        "color": "#4c4c4c"
1434      },
1435      "discountText": {
1436        "color": "#4c4c4c"
1437      },
1438      "discountIcon": {
1439        "fill": "#4c4c4c"
1440      },
1441      "discountAmount": {
1442        "color": "#4c4c4c"
1443      }
1444    },
1445    "googleFonts": [
1446      "Open Sans"
1447    ]
1448  },
1449  "toggle": {
1450    "styles": {
1451      "toggle": {
1452        "font-family": "Open Sans, sans-serif",
1453        "font-weight": "bold",
1454        "background-color": "#eb5851",
1455        ":hover": {
1456          "background-color": "#d44f49"
1457        },
1458        ":focus": {
1459          "background-color": "#d44f49"
1460        }
1461      },
1462      "count": {
1463        "font-size": "14px"
1464      }
1465    },
1466    "googleFonts": [
1467      "Open Sans"
1468    ]
1469  },
1470  "lineItem": {
1471    "styles": {
1472      "variantTitle": {
1473        "color": "#4c4c4c"
1474      },
1475      "title": {
1476        "color": "#4c4c4c"
1477      },
1478      "price": {
1479        "color": "#4c4c4c"
1480      },
1481      "fullPrice": {
1482        "color": "#4c4c4c"
1483      },
1484      "discount": {
1485        "color": "#4c4c4c"
1486      },
1487      "discountIcon": {
1488        "fill": "#4c4c4c"
1489      },
1490      "quantity": {
1491        "color": "#4c4c4c"
1492      },
1493      "quantityIncrement": {
1494        "color": "#4c4c4c",
1495        "border-color": "#4c4c4c"
1496      },
1497      "quantityDecrement": {
1498        "color": "#4c4c4c",
1499        "border-color": "#4c4c4c"
1500      },
1501      "quantityInput": {
1502        "color": "#4c4c4c",
1503        "border-color": "#4c4c4c"
1504      }
1505    }
1506  }
1507},
1508      });
1509    });
1510  }
1511})();
1512/*]]>*/
1513</script>
1513
1514
1515<div id='product-component-1742582558131'></div>
1516<script type="text/javascript">
1517/*<![CDATA[*/
1518(function () {
1519  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
1520  if (window.ShopifyBuy) {
1521    if (window.ShopifyBuy.UI) {
1522      ShopifyBuyInit();
1523    } else {
1524      loadScript();
1525    }
1526  } else {
1527    loadScript();
1528  }
1529  function loadScript() {
1530    var script = document.createElement('script');
1531    script.async = true;
1532    script.src = scriptURL;
1533    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
1534    script.onload = ShopifyBuyInit;
1535  }
1536  function ShopifyBuyInit() {
1537    var client = ShopifyBuy.buildClient({
1538      domain: 'design-interview.myshopify.com',
1539      storefrontAccessToken: '3bf5281d2be46795091fc24359dfca33',
1540    });
1541    ShopifyBuy.UI.onReady(client).then(function (ui) {
1542      ui.createComponent('product', {
1543        id: '15047442727177',
1544        node: document.getElementById('product-component-1742582558131'),
1545        moneyFormat: '%24%7B%7Bamount%7D%7D',
1546        options: {
1547  "product": {
1548    "styles": {
1549      "product": {
1550        "@media (min-width: 601px)": {
1551          "max-width": "calc(25% - 20px)",
1552          "margin-left": "20px",
1553          "margin-bottom": "50px"
1554        }
1555      },
1556      "title": {
1557        "font-family": "Source Sans Pro, sans-serif",
1558        "font-weight": "normal",
1559        "color": "#000000"
1560      },
1561      "button": {
1562        "font-family": "Open Sans, sans-serif",
1563        "font-weight": "bold",
1564        "font-size": "14px",
1565        "padding-top": "15px",
1566        "padding-bottom": "15px",
1567        ":hover": {
1568          "background-color": "#d44f49"
1569        },
1570        "background-color": "#eb5851",
1571        ":focus": {
1572          "background-color": "#d44f49"
1573        },
1574        "padding-left": "28px",
1575        "padding-right": "28px"
1576      },
1577      "quantityInput": {
1578        "font-size": "14px",
1579        "padding-top": "15px",
1580        "padding-bottom": "15px"
1581      },
1582      "price": {
1583        "font-family": "Source Sans Pro, sans-serif",
1584        "color": "#000000"
1585      },
1586      "compareAt": {
1587        "font-family": "Source Sans Pro, sans-serif",
1588        "color": "#000000"
1589      },
1590      "unitPrice": {
1591        "font-family": "Source Sans Pro, sans-serif",
1592        "color": "#000000"
1593      },
1594      "description": {
1595        "font-family": "Source Sans Pro, sans-serif",
1596        "font-size": "15px",
1597        "color": "#000000"
1598      }
1599    },
1600    "buttonDestination": "modal",
1601    "contents": {
1602      "options": false
1603    },
1604    "text": {
1605      "button": "View product"
1606    },
1607    "googleFonts": [
1608      "Source Sans Pro",
1609      "Open Sans"
1610    ]
1611  },
1612  "productSet": {
1613    "styles": {
1614      "products": {
1615        "@media (min-width: 601px)": {
1616          "margin-left": "-20px"
1617        }
1618      }
1619    }
1620  },
1621  "modalProduct": {
1622    "contents": {
1623      "img": false,
1624      "imgWithCarousel": true
1625    },
1626    "styles": {
1627      "product": {
1628        "@media (min-width: 601px)": {
1629          "max-width": "100%",
1630          "margin-left": "0px",
1631          "margin-bottom": "0px"
1632        }
1633      },
1634      "button": {
1635        "font-family": "Open Sans, sans-serif",
1636        "font-weight": "bold",
1637        "font-size": "14px",
1638        "padding-top": "15px",
1639        "padding-bottom": "15px",
1640        ":hover": {
1641          "background-color": "#d44f49"
1642        },
1643        "background-color": "#eb5851",
1644        ":focus": {
1645          "background-color": "#d44f49"
1646        },
1647        "padding-left": "28px",
1648        "padding-right": "28px"
1649      },
1650      "quantityInput": {
1651        "font-size": "14px",
1652        "padding-top": "15px",
1653        "padding-bottom": "15px"
1654      },
1655      "title": {
1656        "font-family": "Source Sans Pro, sans-serif",
1657        "font-weight": "normal",
1658        "font-size": "26px",
1659        "color": "#000000"
1660      },
1661      "price": {
1662        "font-family": "Source Sans Pro, sans-serif",
1663        "font-weight": "bold",
1664        "font-size": "18px",
1665        "color": "#0c0c0c"
1666      },
1667      "compareAt": {
1668        "font-family": "Source Sans Pro, sans-serif",
1669        "font-weight": "bold",
1670        "font-size": "15.299999999999999px",
1671        "color": "#0c0c0c"
1672      },
1673      "unitPrice": {
1674        "font-family": "Source Sans Pro, sans-serif",
1675        "font-weight": "bold",
1676        "font-size": "15.299999999999999px",
1677        "color": "#0c0c0c"
1678      },
1679      "description": {
1680        "font-family": "Source Sans Pro, sans-serif",
1681        "font-weight": "normal",
1682        "font-size": "15px",
1683        "color": "#312121"
1684      }
1685    },
1686    "googleFonts": [
1687      "Source Sans Pro",
1688      "Open Sans"
1689    ]
1690  },
1691  "option": {
1692    "styles": {
1693      "label": {
1694        "font-family": "Source Sans Pro, sans-serif"
1695      },
1696      "select": {
1697        "font-family": "Source Sans Pro, sans-serif"
1698      }
1699    },
1700    "googleFonts": [
1701      "Source Sans Pro"
1702    ]
1703  },
1704  "cart": {
1705    "styles": {
1706      "button": {
1707        "font-family": "Open Sans, sans-serif",
1708        "font-weight": "bold",
1709        "font-size": "14px",
1710        "padding-top": "15px",
1711        "padding-bottom": "15px",
1712        ":hover": {
1713          "background-color": "#d44f49"
1714        },
1715        "background-color": "#eb5851",
1716        ":focus": {
1717          "background-color": "#d44f49"
1718        }
1719      },
1720      "title": {
1721        "color": "#4c4c4c"
1722      },
1723      "header": {
1724        "color": "#4c4c4c"
1725      },
1726      "lineItems": {
1727        "color": "#4c4c4c"
1728      },
1729      "subtotalText": {
1730        "color": "#4c4c4c"
1731      },
1732      "subtotal": {
1733        "color": "#4c4c4c"
1734      },
1735      "notice": {
1736        "color": "#4c4c4c"
1737      },
1738      "currency": {
1739        "color": "#4c4c4c"
1740      },
1741      "close": {
1742        "color": "#4c4c4c",
1743        ":hover": {
1744          "color": "#4c4c4c"
1745        }
1746      },
1747      "empty": {
1748        "color": "#4c4c4c"
1749      },
1750      "noteDescription": {
1751        "color": "#4c4c4c"
1752      },
1753      "discountText": {
1754        "color": "#4c4c4c"
1755      },
1756      "discountIcon": {
1757        "fill": "#4c4c4c"
1758      },
1759      "discountAmount": {
1760        "color": "#4c4c4c"
1761      }
1762    },
1763    "googleFonts": [
1764      "Open Sans"
1765    ]
1766  },
1767  "toggle": {
1768    "styles": {
1769      "toggle": {
1770        "font-family": "Open Sans, sans-serif",
1771        "font-weight": "bold",
1772        "background-color": "#eb5851",
1773        ":hover": {
1774          "background-color": "#d44f49"
1775        },
1776        ":focus": {
1777          "background-color": "#d44f49"
1778        }
1779      },
1780      "count": {
1781        "font-size": "14px"
1782      }
1783    },
1784    "googleFonts": [
1785      "Open Sans"
1786    ]
1787  },
1788  "lineItem": {
1789    "styles": {
1790      "variantTitle": {
1791        "color": "#4c4c4c"
1792      },
1793      "title": {
1794        "color": "#4c4c4c"
1795      },
1796      "price": {
1797        "color": "#4c4c4c"
1798      },
1799      "fullPrice": {
1800        "color": "#4c4c4c"
1801      },
1802      "discount": {
1803        "color": "#4c4c4c"
1804      },
1805      "discountIcon": {
1806        "fill": "#4c4c4c"
1807      },
1808      "quantity": {
1809        "color": "#4c4c4c"
1810      },
1811      "quantityIncrement": {
1812        "color": "#4c4c4c",
1813        "border-color": "#4c4c4c"
1814      },
1815      "quantityDecrement": {
1816        "color": "#4c4c4c",
1817        "border-color": "#4c4c4c"
1818      },
1819      "quantityInput": {
1820        "color": "#4c4c4c",
1821        "border-color": "#4c4c4c"
1822      }
1823    }
1824  }
1825},
1826      });
1827    });
1828  }
1829})();
1830/*]]>*/
1831</script>
1831
1832
1833<div id='product-component-1742580361151'></div>
1834<script type="text/javascript">
1835/*<![CDATA[*/
1836(function () {
1837  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
1838  if (window.ShopifyBuy) {
1839    if (window.ShopifyBuy.UI) {
1840      ShopifyBuyInit();
1841    } else {
1842      loadScript();
1843    }
1844  } else {
1845    loadScript();
1846  }
1847  function loadScript() {
1848    var script = document.createElement('script');
1849    script.async = true;
1850    script.src = scriptURL;
1851    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
1852    script.onload = ShopifyBuyInit;
1853  }
1854  function ShopifyBuyInit() {
1855    var client = ShopifyBuy.buildClient({
1856      domain: 'design-interview.myshopify.com',
1857      storefrontAccessToken: '3bf5281d2be46795091fc24359dfca33',
1858    });
1859    ShopifyBuy.UI.onReady(client).then(function (ui) {
1860      ui.createComponent('product', {
1861        id: '15047426900233',
1862        node: document.getElementById('product-component-1742580361151'),
1863        moneyFormat: '%24%7B%7Bamount%7D%7D',
1864        options: {
1865  "product": {
1866    "styles": {
1867      "product": {
1868        "@media (min-width: 601px)": {
1869          "max-width": "calc(25% - 20px)",
1870          "margin-left": "20px",
1871          "margin-bottom": "50px"
1872        }
1873      },
1874      "title": {
1875        "font-family": "Source Sans Pro, sans-serif",
1876        "font-weight": "normal",
1877        "color": "#000000"
1878      },
1879      "button": {
1880        "font-family": "Open Sans, sans-serif",
1881        "font-weight": "bold",
1882        "font-size": "14px",
1883        "padding-top": "15px",
1884        "padding-bottom": "15px",
1885        ":hover": {
1886          "background-color": "#d44f49"
1887        },
1888        "background-color": "#eb5851",
1889        ":focus": {
1890          "background-color": "#d44f49"
1891        },
1892        "padding-left": "28px",
1893        "padding-right": "28px"
1894      },
1895      "quantityInput": {
1896        "font-size": "14px",
1897        "padding-top": "15px",
1898        "padding-bottom": "15px"
1899      },
1900      "price": {
1901        "font-family": "Source Sans Pro, sans-serif",
1902        "color": "#000000"
1903      },
1904      "compareAt": {
1905        "font-family": "Source Sans Pro, sans-serif",
1906        "color": "#000000"
1907      },
1908      "unitPrice": {
1909        "font-family": "Source Sans Pro, sans-serif",
1910        "color": "#000000"
1911      },
1912      "description": {
1913        "font-family": "Source Sans Pro, sans-serif",
1914        "font-size": "15px",
1915        "color": "#000000"
1916      }
1917    },
1918    "buttonDestination": "modal",
1919    "contents": {
1920      "options": false
1921    },
1922    "text": {
1923      "button": "View product"
1924    },
1925    "googleFonts": [
1926      "Source Sans Pro",
1927      "Open Sans"
1928    ]
1929  },
1930  "productSet": {
1931    "styles": {
1932      "products": {
1933        "@media (min-width: 601px)": {
1934          "margin-left": "-20px"
1935        }
1936      }
1937    }
1938  },
1939  "modalProduct": {
1940    "contents": {
1941      "img": false,
1942      "imgWithCarousel": true
1943    },
1944    "styles": {
1945      "product": {
1946        "@media (min-width: 601px)": {
1947          "max-width": "100%",
1948          "margin-left": "0px",
1949          "margin-bottom": "0px"
1950        }
1951      },
1952      "button": {
1953        "font-family": "Open Sans, sans-serif",
1954        "font-weight": "bold",
1955        "font-size": "14px",
1956        "padding-top": "15px",
1957        "padding-bottom": "15px",
1958        ":hover": {
1959          "background-color": "#d44f49"
1960        },
1961        "background-color": "#eb5851",
1962        ":focus": {
1963          "background-color": "#d44f49"
1964        },
1965        "padding-left": "28px",
1966        "padding-right": "28px"
1967      },
1968      "quantityInput": {
1969        "font-size": "14px",
1970        "padding-top": "15px",
1971        "padding-bottom": "15px"
1972      },
1973      "title": {
1974        "font-family": "Source Sans Pro, sans-serif",
1975        "font-weight": "normal",
1976        "font-size": "26px",
1977        "color": "#000000"
1978      },
1979      "price": {
1980        "font-family": "Source Sans Pro, sans-serif",
1981        "font-weight": "bold",
1982        "font-size": "18px",
1983        "color": "#0c0c0c"
1984      },
1985      "compareAt": {
1986        "font-family": "Source Sans Pro, sans-serif",
1987        "font-weight": "bold",
1988        "font-size": "15.299999999999999px",
1989        "color": "#0c0c0c"
1990      },
1991      "unitPrice": {
1992        "font-family": "Source Sans Pro, sans-serif",
1993        "font-weight": "bold",
1994        "font-size": "15.299999999999999px",
1995        "color": "#0c0c0c"
1996      },
1997      "description": {
1998        "font-family": "Source Sans Pro, sans-serif",
1999        "font-weight": "normal",
2000        "font-size": "15px",
2001        "color": "#312121"
2002      }
2003    },
2004    "googleFonts": [
2005      "Source Sans Pro",
2006      "Open Sans"
2007    ]
2008  },
2009  "option": {
2010    "styles": {
2011      "label": {
2012        "font-family": "Source Sans Pro, sans-serif"
2013      },
2014      "select": {
2015        "font-family": "Source Sans Pro, sans-serif"
2016      }
2017    },
2018    "googleFonts": [
2019      "Source Sans Pro"
2020    ]
2021  },
2022  "cart": {
2023    "styles": {
2024      "button": {
2025        "font-family": "Open Sans, sans-serif",
2026        "font-weight": "bold",
2027        "font-size": "14px",
2028        "padding-top": "15px",
2029        "padding-bottom": "15px",
2030        ":hover": {
2031          "background-color": "#d44f49"
2032        },
2033        "background-color": "#eb5851",
2034        ":focus": {
2035          "background-color": "#d44f49"
2036        }
2037      },
2038      "title": {
2039        "color": "#4c4c4c"
2040      },
2041      "header": {
2042        "color": "#4c4c4c"
2043      },
2044      "lineItems": {
2045        "color": "#4c4c4c"
2046      },
2047      "subtotalText": {
2048        "color": "#4c4c4c"
2049      },
2050      "subtotal": {
2051        "color": "#4c4c4c"
2052      },
2053      "notice": {
2054        "color": "#4c4c4c"
2055      },
2056      "currency": {
2057        "color": "#4c4c4c"
2058      },
2059      "close": {
2060        "color": "#4c4c4c",
2061        ":hover": {
2062          "color": "#4c4c4c"
2063        }
2064      },
2065      "empty": {
2066        "color": "#4c4c4c"
2067      },
2068      "noteDescription": {
2069        "color": "#4c4c4c"
2070      },
2071      "discountText": {
2072        "color": "#4c4c4c"
2073      },
2074      "discountIcon": {
2075        "fill": "#4c4c4c"
2076      },
2077      "discountAmount": {
2078        "color": "#4c4c4c"
2079      }
2080    },
2081    "googleFonts": [
2082      "Open Sans"
2083    ]
2084  },
2085  "toggle": {
2086    "styles": {
2087      "toggle": {
2088        "font-family": "Open Sans, sans-serif",
2089        "font-weight": "bold",
2090        "background-color": "#eb5851",
2091        ":hover": {
2092          "background-color": "#d44f49"
2093        },
2094        ":focus": {
2095          "background-color": "#d44f49"
2096        }
2097      },
2098      "count": {
2099        "font-size": "14px"
2100      }
2101    },
2102    "googleFonts": [
2103      "Open Sans"
2104    ]
2105  },
2106  "lineItem": {
2107    "styles": {
2108      "variantTitle": {
2109        "color": "#4c4c4c"
2110      },
2111      "title": {
2112        "color": "#4c4c4c"
2113      },
2114      "price": {
2115        "color": "#4c4c4c"
2116      },
2117      "fullPrice": {
2118        "color": "#4c4c4c"
2119      },
2120      "discount": {
2121        "color": "#4c4c4c"
2122      },
2123      "discountIcon": {
2124        "fill": "#4c4c4c"
2125      },
2126      "quantity": {
2127        "color": "#4c4c4c"
2128      },
2129      "quantityIncrement": {
2130        "color": "#4c4c4c",
2131        "border-color": "#4c4c4c"
2132      },
2133      "quantityDecrement": {
2134        "color": "#4c4c4c",
2135        "border-color": "#4c4c4c"
2136      },
2137      "quantityInput": {
2138        "color": "#4c4c4c",
2139        "border-color": "#4c4c4c"
2140      }
2141    }
2142  }
2143},
2144      });
2145    });
2146  }
2147})();
2148/*]]>*/
2149</script>
2149
2150
2151<br><br>
2152<hr class="divider" />
2153<div class="text-center mb-12">
2154    <h2 class="text-3xl md:text-4xl font-medium">Senior Designers</h2>
2155</div>
2156
2157<div class="max-w-5xl mx-auto px-4 grid md:grid-cols-3 gap-8">
2158    <div id='product-component-1742661370421'></div>
2159    <div id='product-component-1742661359537'></div>
2160    <div id='product-component-1742661322198'></div>
2161</div>
2162
2163<script type="text/javascript">
2164/*<![CDATA[*/
2165(function () {
2166  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
2167  if (window.ShopifyBuy) {
2168    if (window.ShopifyBuy.UI) {
2169      ShopifyBuyInit();
2170    } else {
2171      loadScript();
2172    }
2173  } else {
2174    loadScript();
2175  }
2176  function loadScript() {
2177    var script = document.createElement('script');
2178    script.async = true;
2179    script.src = scriptURL;
2180    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
2181    script.onload = ShopifyBuyInit;
2182  }
2183  function ShopifyBuyInit() {
2184    var client = ShopifyBuy.buildClient({
2185      domain: 'design-interview.myshopify.com',
2186      storefrontAccessToken: '3bf5281d2be46795091fc24359dfca33',
2187    });
2188    ShopifyBuy.UI.onReady(client).then(function (ui) {
2189      ui.createComponent('product', {
2190        id: '15049410248969',
2191        node: document.getElementById('product-component-1742661370421'),
2192        moneyFormat: '%24%7B%7Bamount%7D%7D',
2193        options: {
2194  "product": {
2195    "styles": {
2196      "product": {
2197        "@media (min-width: 601px)": {
2198          "max-width": "calc(25% - 20px)",
2199          "margin-left": "20px",
2200          "margin-bottom": "50px"
2201        }
2202      },
2203      "title": {
2204        "font-family": "Source Sans Pro, sans-serif",
2205        "font-weight": "normal",
2206        "color": "#000000"
2207      },
2208      "button": {
2209        "font-family": "Open Sans, sans-serif",
2210        "font-weight": "bold",
2211        "font-size": "14px",
2212        "padding-top": "15px",
2213        "padding-bottom": "15px",
2214        ":hover": {
2215          "background-color": "#d44f49"
2216        },
2217        "background-color": "#eb5851",
2218        ":focus": {
2219          "background-color": "#d44f49"
2220        },
2221        "padding-left": "28px",
2222        "padding-right": "28px"
2223      },
2224      "quantityInput": {
2225        "font-size": "14px",
2226        "padding-top": "15px",
2227        "padding-bottom": "15px"
2228      },
2229      "price": {
2230        "font-family": "Source Sans Pro, sans-serif",
2231        "color": "#000000"
2232      },
2233      "compareAt": {
2234        "font-family": "Source Sans Pro, sans-serif",
2235        "color": "#000000"
2236      },
2237      "unitPrice": {
2238        "font-family": "Source Sans Pro, sans-serif",
2239        "color": "#000000"
2240      },
2241      "description": {
2242        "font-family": "Source Sans Pro, sans-serif",
2243        "font-size": "15px",
2244        "color": "#000000"
2245      }
2246    },
2247    "buttonDestination": "modal",
2248    "contents": {
2249      "options": false
2250    },
2251    "text": {
2252      "button": "View product"
2253    },
2254    "googleFonts": [
2255      "Source Sans Pro",
2256      "Open Sans"
2257    ]
2258  },
2259  "productSet": {
2260    "styles": {
2261      "products": {
2262        "@media (min-width: 601px)": {
2263          "margin-left": "-20px"
2264        }
2265      }
2266    }
2267  },
2268  "modalProduct": {
2269    "contents": {
2270      "img": false,
2271      "imgWithCarousel": true
2272    },
2273    "styles": {
2274      "product": {
2275        "@media (min-width: 601px)": {
2276          "max-width": "100%",
2277          "margin-left": "0px",
2278          "margin-bottom": "0px"
2279        }
2280      },
2281      "button": {
2282        "font-family": "Open Sans, sans-serif",
2283        "font-weight": "bold",
2284        "font-size": "14px",
2285        "padding-top": "15px",
2286        "padding-bottom": "15px",
2287        ":hover": {
2288          "background-color": "#d44f49"
2289        },
2290        "background-color": "#eb5851",
2291        ":focus": {
2292          "background-color": "#d44f49"
2293        },
2294        "padding-left": "28px",
2295        "padding-right": "28px"
2296      },
2297      "quantityInput": {
2298        "font-size": "14px",
2299        "padding-top": "15px",
2300        "padding-bottom": "15px"
2301      },
2302      "title": {
2303        "font-family": "Source Sans Pro, sans-serif",
2304        "font-weight": "normal",
2305        "font-size": "26px",
2306        "color": "#000000"
2307      },
2308      "price": {
2309        "font-family": "Source Sans Pro, sans-serif",
2310        "font-weight": "bold",
2311        "font-size": "18px",
2312        "color": "#0c0c0c"
2313      },
2314      "compareAt": {
2315        "font-family": "Source Sans Pro, sans-serif",
2316        "font-weight": "bold",
2317        "font-size": "15.299999999999999px",
2318        "color": "#0c0c0c"
2319      },
2320      "unitPrice": {
2321        "font-family": "Source Sans Pro, sans-serif",
2322        "font-weight": "bold",
2323        "font-size": "15.299999999999999px",
2324        "color": "#0c0c0c"
2325      },
2326      "description": {
2327        "font-family": "Source Sans Pro, sans-serif",
2328        "font-weight": "normal",
2329        "font-size": "15px",
2330        "color": "#312121"
2331      }
2332    },
2333    "googleFonts": [
2334      "Source Sans Pro",
2335      "Open Sans"
2336    ]
2337  },
2338  "option": {
2339    "styles": {
2340      "label": {
2341        "font-family": "Source Sans Pro, sans-serif"
2342      },
2343      "select": {
2344        "font-family": "Source Sans Pro, sans-serif"
2345      }
2346    },
2347    "googleFonts": [
2348      "Source Sans Pro"
2349    ]
2350  },
2351  "cart": {
2352    "styles": {
2353      "button": {
2354        "font-family": "Open Sans, sans-serif",
2355        "font-weight": "bold",
2356        "font-size": "14px",
2357        "padding-top": "15px",
2358        "padding-bottom": "15px",
2359        ":hover": {
2360          "background-color": "#d44f49"
2361        },
2362        "background-color": "#eb5851",
2363        ":focus": {
2364          "background-color": "#d44f49"
2365        }
2366      },
2367      "title": {
2368        "color": "#4c4c4c"
2369      },
2370      "header": {
2371        "color": "#4c4c4c"
2372      },
2373      "lineItems": {
2374        "color": "#4c4c4c"
2375      },
2376      "subtotalText": {
2377        "color": "#4c4c4c"
2378      },
2379      "subtotal": {
2380        "color": "#4c4c4c"
2381      },
2382      "notice": {
2383        "color": "#4c4c4c"
2384      },
2385      "currency": {
2386        "color": "#4c4c4c"
2387      },
2388      "close": {
2389        "color": "#4c4c4c",
2390        ":hover": {
2391          "color": "#4c4c4c"
2392        }
2393      },
2394      "empty": {
2395        "color": "#4c4c4c"
2396      },
2397      "noteDescription": {
2398        "color": "#4c4c4c"
2399      },
2400      "discountText": {
2401        "color": "#4c4c4c"
2402      },
2403      "discountIcon": {
2404        "fill": "#4c4c4c"
2405      },
2406      "discountAmount": {
2407        "color": "#4c4c4c"
2408      }
2409    },
2410    "googleFonts": [
2411      "Open Sans"
2412    ]
2413  },
2414  "toggle": {
2415    "styles": {
2416      "toggle": {
2417        "font-family": "Open Sans, sans-serif",
2418        "font-weight": "bold",
2419        "background-color": "#eb5851",
2420        ":hover": {
2421          "background-color": "#d44f49"
2422        },
2423        ":focus": {
2424          "background-color": "#d44f49"
2425        }
2426      },
2427      "count": {
2428        "font-size": "14px"
2429      }
2430    },
2431    "googleFonts": [
2432      "Open Sans"
2433    ]
2434  },
2435  "lineItem": {
2436    "styles": {
2437      "variantTitle": {
2438        "color": "#4c4c4c"
2439      },
2440      "title": {
2441        "color": "#4c4c4c"
2442      },
2443      "price": {
2444        "color": "#4c4c4c"
2445      },
2446      "fullPrice": {
2447        "color": "#4c4c4c"
2448      },
2449      "discount": {
2450        "color": "#4c4c4c"
2451      },
2452      "discountIcon": {
2453        "fill": "#4c4c4c"
2454      },
2455      "quantity": {
2456        "color": "#4c4c4c"
2457      },
2458      "quantityIncrement": {
2459        "color": "#4c4c4c",
2460        "border-color": "#4c4c4c"
2461      },
2462      "quantityDecrement": {
2463        "color": "#4c4c4c",
2464        "border-color": "#4c4c4c"
2465      },
2466      "quantityInput": {
2467        "color": "#4c4c4c",
2468        "border-color": "#4c4c4c"
2469      }
2470    }
2471  }
2472},
2473      });
2474    });
2475  }
2476})();
2477/*]]>*/
2478</script>
2478
2479
2480<div id='product-component-1742661359537'></div>
2481<script type="text/javascript">
2482/*<![CDATA[*/
2483(function () {
2484  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
2485  if (window.ShopifyBuy) {
2486    if (window.ShopifyBuy.UI) {
2487      ShopifyBuyInit();
2488    } else {
2489      loadScript();
2490    }
2491  } else {
2492    loadScript();
2493  }
2494  function loadScript() {
2495    var script = document.createElement('script');
2496    script.async = true;
2497    script.src = scriptURL;
2498    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
2499    script.onload = ShopifyBuyInit;
2500  }
2501  function ShopifyBuyInit() {
2502    var client = ShopifyBuy.buildClient({
2503      domain: 'design-interview.myshopify.com',
2504      storefrontAccessToken: '3bf5281d2be46795091fc24359dfca33',
2505    });
2506    ShopifyBuy.UI.onReady(client).then(function (ui) {
2507      ui.createComponent('product', {
2508        id: '15049406120201',
2509        node: document.getElementById('product-component-1742661359537'),
2510        moneyFormat: '%24%7B%7Bamount%7D%7D',
2511        options: {
2512  "product": {
2513    "styles": {
2514      "product": {
2515        "@media (min-width: 601px)": {
2516          "max-width": "calc(25% - 20px)",
2517          "margin-left": "20px",
2518          "margin-bottom": "50px"
2519        }
2520      },
2521      "title": {
2522        "font-family": "Source Sans Pro, sans-serif",
2523        "font-weight": "normal",
2524        "color": "#000000"
2525      },
2526      "button": {
2527        "font-family": "Open Sans, sans-serif",
2528        "font-weight": "bold",
2529        "font-size": "14px",
2530        "padding-top": "15px",
2531        "padding-bottom": "15px",
2532        ":hover": {
2533          "background-color": "#d44f49"
2534        },
2535        "background-color": "#eb5851",
2536        ":focus": {
2537          "background-color": "#d44f49"
2538        },
2539        "padding-left": "28px",
2540        "padding-right": "28px"
2541      },
2542      "quantityInput": {
2543        "font-size": "14px",
2544        "padding-top": "15px",
2545        "padding-bottom": "15px"
2546      },
2547      "price": {
2548        "font-family": "Source Sans Pro, sans-serif",
2549        "color": "#000000"
2550      },
2551      "compareAt": {
2552        "font-family": "Source Sans Pro, sans-serif",
2553        "color": "#000000"
2554      },
2555      "unitPrice": {
2556        "font-family": "Source Sans Pro, sans-serif",
2557        "color": "#000000"
2558      },
2559      "description": {
2560        "font-family": "Source Sans Pro, sans-serif",
2561        "font-size": "15px",
2562        "color": "#000000"
2563      }
2564    },
2565    "buttonDestination": "modal",
2566    "contents": {
2567      "options": false
2568    },
2569    "text": {
2570      "button": "View product"
2571    },
2572    "googleFonts": [
2573      "Source Sans Pro",
2574      "Open Sans"
2575    ]
2576  },
2577  "productSet": {
2578    "styles": {
2579      "products": {
2580        "@media (min-width: 601px)": {
2581          "margin-left": "-20px"
2582        }
2583      }
2584    }
2585  },
2586  "modalProduct": {
2587    "contents": {
2588      "img": false,
2589      "imgWithCarousel": true
2590    },
2591    "styles": {
2592      "product": {
2593        "@media (min-width: 601px)": {
2594          "max-width": "100%",
2595          "margin-left": "0px",
2596          "margin-bottom": "0px"
2597        }
2598      },
2599      "button": {
2600        "font-family": "Open Sans, sans-serif",
2601        "font-weight": "bold",
2602        "font-size": "14px",
2603        "padding-top": "15px",
2604        "padding-bottom": "15px",
2605        ":hover": {
2606          "background-color": "#d44f49"
2607        },
2608        "background-color": "#eb5851",
2609        ":focus": {
2610          "background-color": "#d44f49"
2611        },
2612        "padding-left": "28px",
2613        "padding-right": "28px"
2614      },
2615      "quantityInput": {
2616        "font-size": "14px",
2617        "padding-top": "15px",
2618        "padding-bottom": "15px"
2619      },
2620      "title": {
2621        "font-family": "Source Sans Pro, sans-serif",
2622        "font-weight": "normal",
2623        "font-size": "26px",
2624        "color": "#000000"
2625      },
2626      "price": {
2627        "font-family": "Source Sans Pro, sans-serif",
2628        "font-weight": "bold",
2629        "font-size": "18px",
2630        "color": "#0c0c0c"
2631      },
2632      "compareAt": {
2633        "font-family": "Source Sans Pro, sans-serif",
2634        "font-weight": "bold",
2635        "font-size": "15.299999999999999px",
2636        "color": "#0c0c0c"
2637      },
2638      "unitPrice": {
2639        "font-family": "Source Sans Pro, sans-serif",
2640        "font-weight": "bold",
2641        "font-size": "15.299999999999999px",
2642        "color": "#0c0c0c"
2643      },
2644      "description": {
2645        "font-family": "Source Sans Pro, sans-serif",
2646        "font-weight": "normal",
2647        "font-size": "15px",
2648        "color": "#312121"
2649      }
2650    },
2651    "googleFonts": [
2652      "Source Sans Pro",
2653      "Open Sans"
2654    ]
2655  },
2656  "option": {
2657    "styles": {
2658      "label": {
2659        "font-family": "Source Sans Pro, sans-serif"
2660      },
2661      "select": {
2662        "font-family": "Source Sans Pro, sans-serif"
2663      }
2664    },
2665    "googleFonts": [
2666      "Source Sans Pro"
2667    ]
2668  },
2669  "cart": {
2670    "styles": {
2671      "button": {
2672        "font-family": "Open Sans, sans-serif",
2673        "font-weight": "bold",
2674        "font-size": "14px",
2675        "padding-top": "15px",
2676        "padding-bottom": "15px",
2677        ":hover": {
2678          "background-color": "#d44f49"
2679        },
2680        "background-color": "#eb5851",
2681        ":focus": {
2682          "background-color": "#d44f49"
2683        }
2684      },
2685      "title": {
2686        "color": "#4c4c4c"
2687      },
2688      "header": {
2689        "color": "#4c4c4c"
2690      },
2691      "lineItems": {
2692        "color": "#4c4c4c"
2693      },
2694      "subtotalText": {
2695        "color": "#4c4c4c"
2696      },
2697      "subtotal": {
2698        "color": "#4c4c4c"
2699      },
2700      "notice": {
2701        "color": "#4c4c4c"
2702      },
2703      "currency": {
2704        "color": "#4c4c4c"
2705      },
2706      "close": {
2707        "color": "#4c4c4c",
2708        ":hover": {
2709          "color": "#4c4c4c"
2710        }
2711      },
2712      "empty": {
2713        "color": "#4c4c4c"
2714      },
2715      "noteDescription": {
2716        "color": "#4c4c4c"
2717      },
2718      "discountText": {
2719        "color": "#4c4c4c"
2720      },
2721      "discountIcon": {
2722        "fill": "#4c4c4c"
2723      },
2724      "discountAmount": {
2725        "color": "#4c4c4c"
2726      }
2727    },
2728    "googleFonts": [
2729      "Open Sans"
2730    ]
2731  },
2732  "toggle": {
2733    "styles": {
2734      "toggle": {
2735        "font-family": "Open Sans, sans-serif",
2736        "font-weight": "bold",
2737        "background-color": "#eb5851",
2738        ":hover": {
2739          "background-color": "#d44f49"
2740        },
2741        ":focus": {
2742          "background-color": "#d44f49"
2743        }
2744      },
2745      "count": {
2746        "font-size": "14px"
2747      }
2748    },
2749    "googleFonts": [
2750      "Open Sans"
2751    ]
2752  },
2753  "lineItem": {
2754    "styles": {
2755      "variantTitle": {
2756        "color": "#4c4c4c"
2757      },
2758      "title": {
2759        "color": "#4c4c4c"
2760      },
2761      "price": {
2762        "color": "#4c4c4c"
2763      },
2764      "fullPrice": {
2765        "color": "#4c4c4c"
2766      },
2767      "discount": {
2768        "color": "#4c4c4c"
2769      },
2770      "discountIcon": {
2771        "fill": "#4c4c4c"
2772      },
2773      "quantity": {
2774        "color": "#4c4c4c"
2775      },
2776      "quantityIncrement": {
2777        "color": "#4c4c4c",
2778        "border-color": "#4c4c4c"
2779      },
2780      "quantityDecrement": {
2781        "color": "#4c4c4c",
2782        "border-color": "#4c4c4c"
2783      },
2784      "quantityInput": {
2785        "color": "#4c4c4c",
2786        "border-color": "#4c4c4c"
2787      }
2788    }
2789  }
2790},
2791      });
2792    });
2793  }
2794})();
2795/*]]>*/
2796</script>
2796
2797
2798<div id='product-component-1742661322198'></div>
2799<script type="text/javascript">
2800/*<![CDATA[*/
2801(function () {
2802  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
2803  if (window.ShopifyBuy) {
2804    if (window.ShopifyBuy.UI) {
2805      ShopifyBuyInit();
2806    } else {
2807      loadScript();
2808    }
2809  } else {
2810    loadScript();
2811  }
2812  function loadScript() {
2813    var script = document.createElement('script');
2814    script.async = true;
2815    script.src = scriptURL;
2816    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
2817    script.onload = ShopifyBuyInit;
2818  }
2819  function ShopifyBuyInit() {
2820    var client = ShopifyBuy.buildClient({
2821      domain: 'design-interview.myshopify.com',
2822      storefrontAccessToken: '3bf5281d2be46795091fc24359dfca33',
2823    });
2824    ShopifyBuy.UI.onReady(client).then(function (ui) {
2825      ui.createComponent('product', {
2826        id: '15049402515721',
2827        node: document.getElementById('product-component-1742661322198'),
2828        moneyFormat: '%24%7B%7Bamount%7D%7D',
2829        options: {
2830  "product": {
2831    "styles": {
2832      "product": {
2833        "@media (min-width: 601px)": {
2834          "max-width": "calc(25% - 20px)",
2835          "margin-left": "20px",
2836          "margin-bottom": "50px"
2837        }
2838      },
2839      "title": {
2840        "font-family": "Source Sans Pro, sans-serif",
2841        "font-weight": "normal",
2842        "color": "#000000"
2843      },
2844      "button": {
2845        "font-family": "Open Sans, sans-serif",
2846        "font-weight": "bold",
2847        "font-size": "14px",
2848        "padding-top": "15px",
2849        "padding-bottom": "15px",
2850        ":hover": {
2851          "background-color": "#d44f49"
2852        },
2853        "background-color": "#eb5851",
2854        ":focus": {
2855          "background-color": "#d44f49"
2856        },
2857        "padding-left": "28px",
2858        "padding-right": "28px"
2859      },
2860      "quantityInput": {
2861        "font-size": "14px",
2862        "padding-top": "15px",
2863        "padding-bottom": "15px"
2864      },
2865      "price": {
2866        "font-family": "Source Sans Pro, sans-serif",
2867        "color": "#000000"
2868      },
2869      "compareAt": {
2870        "font-family": "Source Sans Pro, sans-serif",
2871        "color": "#000000"
2872      },
2873      "unitPrice": {
2874        "font-family": "Source Sans Pro, sans-serif",
2875        "color": "#000000"
2876      },
2877      "description": {
2878        "font-family": "Source Sans Pro, sans-serif",
2879        "font-size": "15px",
2880        "color": "#000000"
2881      }
2882    },
2883    "buttonDestination": "modal",
2884    "contents": {
2885      "options": false
2886    },
2887    "text": {
2888      "button": "View product"
2889    },
2890    "googleFonts": [
2891      "Source Sans Pro",
2892      "Open Sans"
2893    ]
2894  },
2895  "productSet": {
2896    "styles": {
2897      "products": {
2898        "@media (min-width: 601px)": {
2899          "margin-left": "-20px"
2900        }
2901      }
2902    }
2903  },
2904  "modalProduct": {
2905    "contents": {
2906      "img": false,
2907      "imgWithCarousel": true
2908    },
2909    "styles": {
2910      "product": {
2911        "@media (min-width: 601px)": {
2912          "max-width": "100%",
2913          "margin-left": "0px",
2914          "margin-bottom": "0px"
2915        }
2916      },
2917      "button": {
2918        "font-family": "Open Sans, sans-serif",
2919        "font-weight": "bold",
2920        "font-size": "14px",
2921        "padding-top": "15px",
2922        "padding-bottom": "15px",
2923        ":hover": {
2924          "background-color": "#d44f49"
2925        },
2926        "background-color": "#eb5851",
2927        ":focus": {
2928          "background-color": "#d44f49"
2929        },
2930        "padding-left": "28px",
2931        "padding-right": "28px"
2932      },
2933      "quantityInput": {
2934        "font-size": "14px",
2935        "padding-top": "15px",
2936        "padding-bottom": "15px"
2937      },
2938      "title": {
2939        "font-family": "Source Sans Pro, sans-serif",
2940        "font-weight": "normal",
2941        "font-size": "26px",
2942        "color": "#000000"
2943      },
2944      "price": {
2945        "font-family": "Source Sans Pro, sans-serif",
2946        "font-weight": "bold",
2947        "font-size": "18px",
2948        "color": "#0c0c0c"
2949      },
2950      "compareAt": {
2951        "font-family": "Source Sans Pro, sans-serif",
2952        "font-weight": "bold",
2953        "font-size": "15.299999999999999px",
2954        "color": "#0c0c0c"
2955      },
2956      "unitPrice": {
2957        "font-family": "Source Sans Pro, sans-serif",
2958        "font-weight": "bold",
2959        "font-size": "15.299999999999999px",
2960        "color": "#0c0c0c"
2961      },
2962      "description": {
2963        "font-family": "Source Sans Pro, sans-serif",
2964        "font-weight": "normal",
2965        "font-size": "15px",
2966        "color": "#312121"
2967      }
2968    },
2969    "googleFonts": [
2970      "Source Sans Pro",
2971      "Open Sans"
2972    ]
2973  },
2974  "option": {
2975    "styles": {
2976      "label": {
2977        "font-family": "Source Sans Pro, sans-serif"
2978      },
2979      "select": {
2980        "font-family": "Source Sans Pro, sans-serif"
2981      }
2982    },
2983    "googleFonts": [
2984      "Source Sans Pro"
2985    ]
2986  },
2987  "cart": {
2988    "styles": {
2989      "button": {
2990        "font-family": "Open Sans, sans-serif",
2991        "font-weight": "bold",
2992        "font-size": "14px",
2993        "padding-top": "15px",
2994        "padding-bottom": "15px",
2995        ":hover": {
2996          "background-color": "#d44f49"
2997        },
2998        "background-color": "#eb5851",
2999        ":focus": {
3000          "background-color": "#d44f49"
3001        }
3002      },
3003      "title": {
3004        "color": "#4c4c4c"
3005      },
3006      "header": {
3007        "color": "#4c4c4c"
3008      },
3009      "lineItems": {
3010        "color": "#4c4c4c"
3011      },
3012      "subtotalText": {
3013        "color": "#4c4c4c"
3014      },
3015      "subtotal": {
3016        "color": "#4c4c4c"
3017      },
3018      "notice": {
3019        "color": "#4c4c4c"
3020      },
3021      "currency": {
3022        "color": "#4c4c4c"
3023      },
3024      "close": {
3025        "color": "#4c4c4c",
3026        ":hover": {
3027          "color": "#4c4c4c"
3028        }
3029      },
3030      "empty": {
3031        "color": "#4c4c4c"
3032      },
3033      "noteDescription": {
3034        "color": "#4c4c4c"
3035      },
3036      "discountText": {
3037        "color": "#4c4c4c"
3038      },
3039      "discountIcon": {
3040        "fill": "#4c4c4c"
3041      },
3042      "discountAmount": {
3043        "color": "#4c4c4c"
3044      }
3045    },
3046    "googleFonts": [
3047      "Open Sans"
3048    ]
3049  },
3050  "toggle": {
3051    "styles": {
3052      "toggle": {
3053        "font-family": "Open Sans, sans-serif",
3054        "font-weight": "bold",
3055        "background-color": "#eb5851",
3056        ":hover": {
3057          "background-color": "#d44f49"
3058        },
3059        ":focus": {
3060          "background-color": "#d44f49"
3061        }
3062      },
3063      "count": {
3064        "font-size": "14px"
3065      }
3066    },
3067    "googleFonts": [
3068      "Open Sans"
3069    ]
3070  },
3071  "lineItem": {
3072    "styles": {
3073      "variantTitle": {
3074        "color": "#4c4c4c"
3075      },
3076      "title": {
3077        "color": "#4c4c4c"
3078      },
3079      "price": {
3080        "color": "#4c4c4c"
3081      },
3082      "fullPrice": {
3083        "color": "#4c4c4c"
3084      },
3085      "discount": {
3086        "color": "#4c4c4c"
3087      },
3088      "discountIcon": {
3089        "fill": "#4c4c4c"
3090      },
3091      "quantity": {
3092        "color": "#4c4c4c"
3093      },
3094      "quantityIncrement": {
3095        "color": "#4c4c4c",
3096        "border-color": "#4c4c4c"
3097      },
3098      "quantityDecrement": {
3099        "color": "#4c4c4c",
3100        "border-color": "#4c4c4c"
3101      },
3102      "quantityInput": {
3103        "color": "#4c4c4c",
3104        "border-color": "#4c4c4c"
3105      }
3106    }
3107  }
3108},
3109      });
3110    });
3111  }
3112})();
3113/*]]>*/
3114</script>
3114
3115
3116
3117</div>
3118		<!-- .main -->
3119
3120		<footer
3121			class="grid md:grid-cols-12 gap-4 max-w-7xl px-3 mx-auto border-y py-8 border-[#ecf0f1]"
3122		>
3123			<div class="md:col-span-1">
3124				<svg
3125					xmlns="http://www.w3.org/2000/svg"
3126					fill="none"
3127					viewBox="0 0 31 33"
3128					class="w-8"
3129				>
3130					<path
3131						fill="#000"
3132						fill-rule="evenodd"
3133						d="M29.24.24a.94.94 0 0 1 1.3.86v24.27c0 .38-.23.72-.57.87L15.9 32.1h-.04l-.02.01-.06.02a.92.92 0 0 1-.24.04.9.9 0 0 1-.3-.06h-.02l-.04-.01-14.06-5.86a.94.94 0 0 1-.58-.87V1.1a.94.94 0 0 1 1.3-.86l13.7 5.7 13.7-5.7Zm-14.63 13.2v16.38L2.4 24.74V2.51l12.2 5.08v5.85Zm14.06 11.3-12.19 5.08V7.6l12.19-5.08v22.23Z"
3134						clip-rule="evenodd"
3135					/>
3136				</svg>
3137			</div>
3138
3139			<div class="md:col-span-3 grid gap-2 content-start">
3140				<div class="text-xs text-[#6E7A7B] uppercase font-semibold">
3141					For Designers
3142				</div>
3143
3144				<nav class="grid gap-2 text-sm font-medium">
3145					<a
3146						href="/product-design-career-workbook"
3147						class="link__chevron block no-underline"
3148						>Reflect on your design career to gain clarity and grow</a
3149					>
3150					<a
3151						href="/the-effective-product-designer"
3152						class="link__chevron block no-underline"
3153						>Maximize Your Impact to Build a Better UX Career</a
3154					>
3155					<a
3156						href="/solving-product-design-exercises"
3157						class="link__chevron block no-underline"
3158						>Solving Product Design Exercises: Questions and Answers</a
3159					>
3160					<a
3161						href="/the-path-to-senior-product-designer"
3162						class="link__chevron block no-underline"
3163						>The Path To Senior Product Designer: An Actionable Career Growth
3164						Plan for UX Designers</a
3165					>
3166					<a
3167						href="https://productideasbook.com/"
3168						class="link__chevron block no-underline"
3169						target="_blank"
3170						>Generating Product Ideas: Actionable Techniques for Finding New
3171						Business Ideas (external site)</a
3172					>
3173				</nav>
3174			</div>
3175
3176			<div class="md:col-span-3 grid gap-2 content-start">
3177				<div class="text-xs text-[#6E7A7B] uppercase font-semibold">
3178					For Managers
3179				</div>
3180
3181				<nav class="grid gap-2 text-sm font-medium">
3182					<a
3183						href="/ux-design-job-interview-process"
3184						class="link__chevron block no-underline"
3185						>UX design career growth plan</a
3186					>
3187					<a
3188						href="/product-designer-competencies-matrix"
3189						class="link__chevron block no-underline"
3190						>Design competency matrix</a
3191					>
3192					<a
3193						href="/product-design-managers"
3194						class="link__chevron block no-underline"
3195						>Educational materials for design team</a
3196					>
3197				</nav>
3198			</div>
3199
3200			<div class="md:col-span-3 grid gap-2 content-start">
3201				<div class="text-xs text-[#6E7A7B] uppercase font-semibold">More</div>
3202
3203				<nav class="grid gap-2 text-sm font-medium">
3204					<a
3205						href="/weekly-ux-product-design-exercise"
3206						class="link__chevron block no-underline"
3207						>UX Design Challenges</a
3208					>
3209				</nav>
3210			</div>
3211
3212			<div class="md:col-span-2 grid gap-2 content-start">
3213				<div class="text-xs text-[#6E7A7B] uppercase font-semibold">Follow</div>
3214
3215				<nav class="flex flex-wrap gap-4 text-sm font-medium">
3216					<a href="https://twitter.com/hvost" class="block no-underline">
3217						<svg
3218							xmlns="http://www.w3.org/2000/svg"
3219							fill="none"
3220							viewBox="0 0 16 17"
3221							class="h-[18px]"
3222						>
3223							<path
3224								fill="#616568"
3225								d="m9.56 7.1 5.7-6.63H13.9L8.96 6.22 5.02.47H.47l5.96 8.7L.47 16.1H1.8l5.22-6.07 4.17 6.07h4.55l-6.19-9ZM7.72 9.23l-.6-.87L2.3 1.5h2.07l3.88 5.55.6.87 5.05 7.22h-2.07l-4.11-5.9Z"
3226							/>
3227						</svg>
3228						<span class="sr-only">Twitter</span>
3229					</a>
3230
3231					<a
3232						href="https://www.linkedin.com/in/dashinsky/"
3233						class="block no-underline"
3234					>
3235						<svg
3236							xmlns="http://www.w3.org/2000/svg"
3237							fill="none"
3238							viewBox="0 0 18 19"
3239							class="h-[18px]"
3240						>
3241							<path
3242								fill="#616568"
3243								d="M16.47.67H1.49A1.32 1.32 0 0 0 .16 1.99v14.98a1.32 1.32 0 0 0 1.33 1.32h14.98a1.32 1.32 0 0 0 1.32-1.32V1.99A1.32 1.32 0 0 0 16.47.67ZM5.45 15.65H2.81V7.72h2.64v7.93ZM4.13 6.17a1.54 1.54 0 1 1 1.59-1.54 1.57 1.57 0 0 1-1.59 1.54Zm11.02 9.48H12.5v-4.18c0-1.25-.53-1.7-1.21-1.7a1.53 1.53 0 0 0-1.43 1.64v4.24H7.2V7.72h2.56v1.14a2.74 2.74 0 0 1 2.38-1.23c1.37 0 2.96.76 2.96 3.22l.04 4.8Z"
3244							/>
3245						</svg>
3246						<span class="sr-only">Linkedin</span>
3247					</a>
3248
3249					<a href="mailto:[email protected]" class="block no-underline w-full"
3250						>Contact via email</a
3251					>
3252				</nav>
3253			</div>
3254		</footer>
3255
3256		<div
3257			class="flex flex-wrap gap-y-2 gap-x-8 text-[#7F8C8D] max-w-7xl px-3 text-sm mx-auto py-4"
3258		>
3259			<div>Copyright 2018-2024 Labor Arti UG (haftungsbeschränkt)</div>
3260
3261			<a href="/terms-and-conditions">Terms and conditions</a>
3262			<a href="/impressum">Impressum</a>
3263		</div>
3264
3265		
3265<script src="/js/scripts-773fcf0ecf.js"></script>
3265
3266
3267		<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 72 bytes, lines 3267-3270
3267
3268		<script
3269			async
3270			src="https://www.googletagmanager.com/gtag/js?id=
3270UA-113947869-1
vendor: 17 bytes, lines 3270-3272
3270"
3271		></script>
3272		
3272<script>
3273			
vendor: 147 bytes, lines 3273-3279
3273window.dataLayer = window.dataLayer || [];
3274			function gtag() {
3275				dataLayer.push(arguments);
3276			}
3277			gtag("js", new Date());
3278
3279			gtag("config", "
3279UA-113947869-1
vendor: 30 bytes, lines 3279-3280
3279", { anonymize_ip: true });
3280		
3280</script>
3280
3281
3282		
3282<script
3283			type="text/javascript"
3284			src="https://static.affiliatly.com/shopify/v3/shopify_subdomain.js?affiliatly_code=AF-1011420"
3285		></script>
3285
3286
3287		
3287<script
3288			src="//www.eucookie.eu/public/gdpr-cookie-consent.js"
3289			type="text/javascript"
3290		></script>
3290
3291		
3291<script type="text/javascript">
3292			var cookieConsent = new cookieConsent({
3293				clientId: "c5fb4c20-dddf-4606-9e2d-6e25971f8226", // Your Client ID
3294				backgroundColor: "",
3295				fontFamily: "",
3296				fontSize: "",
3297				fontColor: "",
3298				position: "bottomLeft", // bottomLeft, bottomRight, topLeft, topRight
3299				linkColor: "",
3300				buttonBackground: "",
3301				buttonTextColor: "",
3302				border: "",
3303				language: "en", // en, de, sk, cz, or any language code you setup in My Texts
3304			});
3305			cookieConsent.run();
3306		</script>
3306
3307
3308		<!-- Meta Pixel Code -->
3309		
3309<script>
3310			!(function (f, b, e, v, n, t, s) {
3311				if (f.fbq) return;
3312				n = f.fbq = function () {
3313					n.callMethod
3314						? n.callMethod.apply(n, arguments)
3315						: n.queue.push(arguments);
3316				};
3317				if (!f._fbq) f._fbq = n;
3318				n.push = n;
3319				n.loaded = !0;
3320				n.version = "2.0";
3321				n.queue = [];
3322				t = b.createElement(e);
3323				t.async = !0;
3324				t.src = v;
3325				s = b.getElementsByTagName(e)[0];
3326				s.parentNode.insertBefore(t, s);
3327			})(
3328				window,
3329				document,
3330				"script",
3331				"https://connect.facebook.net/en_US/fbevents.js"
3332			);
3333			fbq("init", "346896688208912");
3334			fbq("track", "PageView");
3335		</script>
3335
3336		<noscript
3337			><img
3338				height="1"
3339				width="1"
3340				style="display: none"
3341				src="https://www.facebook.com/tr?id=346896688208912&ev=PageView&noscript=1"
3342		/></noscript>
3343		<!-- End Meta Pixel Code -->
3344	</body>
3345</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.