[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"author-websites-instrument-1":3,"facets-{\"includeAuthors\":\"false\"}":210,"facets-baseline-false":380},{"author":4,"websites":15,"totalCount":209},{"id":5,"name":6,"slug":7,"translations":8},964,"Instrument","instrument",[9],{"title":10,"description":11,"seo_meta":12},"Websites designed by Instrument","Browse a curated selection of websites designed by Instrument. Find inspiration in distinctive art direction, confident interaction design, and carefully crafted visual systems.",{"title":13,"meta_description":14},"Websites Designed By Instrument | Websites on Display","Browse a curated selection of websites designed by Instrument. Find inspiration in distinctive art direction, confident interaction design, and carefully",[16,119],{"id":17,"name":18,"slug":19,"url":20,"cover":21,"cover_sequence":26},"f0875b1d-40b3-4529-9727-af6cb30a8111","Sonos","sonos","https:\u002F\u002Fsonos.com",{"id":22,"width":23,"height":24,"blurhash":25},"2dabe062-2a14-4311-8fb4-772312200111",1440,900,"radial-gradient(at 0 0,#bec5be,#00000000 50%),radial-gradient(at 33% 0,#b9c4c1,#00000000 50%),radial-gradient(at 67% 0,#c5cbc8,#00000000 50%),radial-gradient(at 100% 0,#c5c6c3,#00000000 50%),radial-gradient(at 0 50%,#969c90,#00000000 50%),radial-gradient(at 33% 50%,#8a9485,#00000000 50%),radial-gradient(at 67% 50%,#c0c6be,#00000000 50%),radial-gradient(at 100% 50%,#b0b6b0,#00000000 50%),radial-gradient(at 0 100%,#7e7d6c,#00000000 50%),radial-gradient(at 33% 100%,#847e6a,#00000000 50%),radial-gradient(at 67% 100%,#90877a,#00000000 50%),radial-gradient(at 100% 100%,#7b6a5e,#00000000 50%)",[27,30,35,38,41,44,47,50,53,56,59,62,65,68,71,74,77,80,83,86,89,92,95,98,101,104,107,110,113,116],{"directus_files_id":28},{"id":29,"width":23,"height":24},"a86657ca-5279-44c7-b059-e2cb7e1a9250",{"directus_files_id":31},{"id":32,"width":33,"height":34},"07124684-7a90-4f22-9779-60105d580abd",432,270,{"directus_files_id":36},{"id":37,"width":33,"height":34},"d044e5ad-1989-4d20-8bbc-10fb89e2ee0b",{"directus_files_id":39},{"id":40,"width":33,"height":34},"4b3943dc-dbee-4ae9-a711-62b76990ae1b",{"directus_files_id":42},{"id":43,"width":33,"height":34},"d50d89db-9589-4561-a858-2e4154f620c2",{"directus_files_id":45},{"id":46,"width":33,"height":34},"24adff07-2284-41b7-93cd-dfe9ed89ec89",{"directus_files_id":48},{"id":49,"width":33,"height":34},"df7619f4-bb6a-438c-a782-68208b565018",{"directus_files_id":51},{"id":52,"width":33,"height":34},"3a89a612-4564-4961-96ce-1a641f29070d",{"directus_files_id":54},{"id":55,"width":33,"height":34},"48a1ec52-a263-4df2-ac07-14a83133005d",{"directus_files_id":57},{"id":58,"width":33,"height":34},"49e155f6-ac3b-4630-84c7-55c62bfb0e9f",{"directus_files_id":60},{"id":61,"width":33,"height":34},"626129e6-a091-4698-b963-bac4d67dfbe5",{"directus_files_id":63},{"id":64,"width":33,"height":34},"fa6f67e5-36fe-4e91-8a2b-2dd8e851fe4c",{"directus_files_id":66},{"id":67,"width":33,"height":34},"16aed3f8-0a66-4d67-ad3d-653d6c2afb8b",{"directus_files_id":69},{"id":70,"width":33,"height":34},"f5526524-b67b-4628-819a-15ae2ec1973f",{"directus_files_id":72},{"id":73,"width":33,"height":34},"8901b959-a22f-44c4-8f3c-7c9ef3acc713",{"directus_files_id":75},{"id":76,"width":33,"height":34},"585eeaa0-e946-48d7-a0fe-15e25c1a1332",{"directus_files_id":78},{"id":79,"width":33,"height":34},"6d9d446e-f575-4697-bd6e-585b2bea9704",{"directus_files_id":81},{"id":82,"width":33,"height":34},"ff73956a-c1dc-44c1-8102-f5b9e59ea283",{"directus_files_id":84},{"id":85,"width":33,"height":34},"0456aac0-5749-492f-9524-4456b3cecea5",{"directus_files_id":87},{"id":88,"width":33,"height":34},"c63769a7-46d1-426c-9891-71af0c3feaa5",{"directus_files_id":90},{"id":91,"width":33,"height":34},"31738f22-2115-449c-9d64-dc0d32d0d737",{"directus_files_id":93},{"id":94,"width":33,"height":34},"f8e9e3a9-29fa-4764-aefa-3d293228b8e8",{"directus_files_id":96},{"id":97,"width":33,"height":34},"d17953a1-fe0b-43da-8077-e7521165643b",{"directus_files_id":99},{"id":100,"width":33,"height":34},"4e313e94-dac0-448e-80b7-cce3b19e2946",{"directus_files_id":102},{"id":103,"width":33,"height":34},"b9deb58b-df90-4163-b6a2-c3d0f44c01bf",{"directus_files_id":105},{"id":106,"width":33,"height":34},"8fb5ede2-53e9-4152-aef6-0ecc71a21785",{"directus_files_id":108},{"id":109,"width":33,"height":34},"6974b9a1-6aaa-4211-a8eb-be48ec06d38e",{"directus_files_id":111},{"id":112,"width":33,"height":34},"53b6c864-11c3-47a5-96b4-ea84ae17884f",{"directus_files_id":114},{"id":115,"width":33,"height":34},"51197d59-5a11-4a4c-b545-d2e127674fec",{"directus_files_id":117},{"id":118,"width":33,"height":34},"40d54839-4989-43ef-9f60-7cadce20e0c6",{"id":120,"name":121,"slug":122,"url":123,"cover":124,"cover_sequence":127},"f622b2d1-71c5-443c-a7c1-404299ea9ff8","Cannondale","cannondale","https:\u002F\u002Fcannondale.com",{"id":125,"width":23,"height":24,"blurhash":126},"dc0b756d-f406-4114-8e1d-e45a057a8ad5","radial-gradient(at 0 0,#efefef,#00000000 50%),radial-gradient(at 33% 0,#f3f3f3,#00000000 50%),radial-gradient(at 67% 0,#fcfcfc,#00000000 50%),radial-gradient(at 100% 0,#f5f5f5,#00000000 50%),radial-gradient(at 0 50%,#585858,#00000000 50%),radial-gradient(at 33% 50%,#6a6a6a,#00000000 50%),radial-gradient(at 67% 50%,#6d6d6d,#00000000 50%),radial-gradient(at 100% 50%,#5f5f5f,#00000000 50%),radial-gradient(at 0 100%,#1e1e1e,#00000000 50%),radial-gradient(at 33% 100%,#4f4f4f,#00000000 50%),radial-gradient(at 67% 100%,#666666,#00000000 50%),radial-gradient(at 100% 100%,#5e5e5e,#00000000 50%)",[128,131,134,137,140,143,146,149,152,155,158,161,164,167,170,173,176,179,182,185,188,191,194,197,200,203,206],{"directus_files_id":129},{"id":130,"width":23,"height":24},"689c2035-8579-4d14-a606-3dda1ecdab47",{"directus_files_id":132},{"id":133,"width":33,"height":34},"2fa6bc65-2da8-4570-a8e0-979f1400dc41",{"directus_files_id":135},{"id":136,"width":33,"height":34},"e4c5e325-0912-4b34-8748-ca8a6a6bcb6d",{"directus_files_id":138},{"id":139,"width":33,"height":34},"a0c7d451-a6e0-416e-aa9e-7d8bdd6aca00",{"directus_files_id":141},{"id":142,"width":33,"height":34},"ccf50cbc-3721-4df8-808d-caedfa032078",{"directus_files_id":144},{"id":145,"width":33,"height":34},"3dbee64b-da3f-45d4-8389-b8823422bf19",{"directus_files_id":147},{"id":148,"width":33,"height":34},"d53f5791-c822-4e70-929e-915b7124d916",{"directus_files_id":150},{"id":151,"width":33,"height":34},"bef38231-afa7-4dcf-89b3-3d124677db26",{"directus_files_id":153},{"id":154,"width":33,"height":34},"03efe1ce-0d7d-463d-8a05-2ca1eeced3f0",{"directus_files_id":156},{"id":157,"width":33,"height":34},"fba61fe3-34a0-4eda-ad89-7c229aa50dcc",{"directus_files_id":159},{"id":160,"width":33,"height":34},"278f1eb3-35e2-4b47-a63e-9f8f4f60c289",{"directus_files_id":162},{"id":163,"width":33,"height":34},"a04ad574-846f-4876-a729-2aee17e0a2bf",{"directus_files_id":165},{"id":166,"width":33,"height":34},"6bf96b94-286d-403d-b6b7-76496e514a74",{"directus_files_id":168},{"id":169,"width":33,"height":34},"28a92507-ec87-432b-bcc8-d2514fe48dfe",{"directus_files_id":171},{"id":172,"width":33,"height":34},"a71cd006-44bb-4322-9e8c-75ba22d4fbbe",{"directus_files_id":174},{"id":175,"width":33,"height":34},"10cd6892-2b2a-419c-9847-923f17b8b7f1",{"directus_files_id":177},{"id":178,"width":33,"height":34},"80256d1a-48bd-4d50-a72c-16107e5b7a72",{"directus_files_id":180},{"id":181,"width":33,"height":34},"c6cc5c39-a17d-4223-8ac8-5b15f1214db7",{"directus_files_id":183},{"id":184,"width":33,"height":34},"a64eb99a-28ed-4892-a798-1b78ff3c5d4f",{"directus_files_id":186},{"id":187,"width":33,"height":34},"adc5f4e9-b60b-4da2-ba2a-cef2d442b3b3",{"directus_files_id":189},{"id":190,"width":33,"height":34},"4f55e4b4-a1d1-47b2-829c-25fc148295e5",{"directus_files_id":192},{"id":193,"width":33,"height":34},"39343bee-0281-4665-a680-35f55c7f733f",{"directus_files_id":195},{"id":196,"width":33,"height":34},"0ee4c3af-201f-401a-ae23-764ac5e9ad7f",{"directus_files_id":198},{"id":199,"width":33,"height":34},"945fefd7-f56c-4536-8261-959bbba4514b",{"directus_files_id":201},{"id":202,"width":33,"height":34},"4b997e35-3351-485b-a237-0d75daca96be",{"directus_files_id":204},{"id":205,"width":33,"height":34},"5edff93e-6d53-4756-bed2-18b95089aa54",{"directus_files_id":207},{"id":208,"width":33,"height":34},"379f5ab9-7bf3-45b3-b33a-55610686fb0a",2,{"facetDistribution":211,"facetLabels":289},{"industry":212,"styles":232,"technologies":247,"font_families":273,"page_type_name":287},{"Agency & Studio":213,"Art & Culture":214,"SaaS & Software":215,"Fashion & Apparel":216,"Architecture & Real Estate":217,"Entertainment & Media":218,"Food & Beverage":219,"Photography & Video":220,"Finance & Fintech":221,"Healthcare & Wellness":222,"Technology & Hardware":223,"Industrial & Manufacturing":224,"Beauty & Cosmetics":225,"Travel & Hospitality":226,"Non-Profit & Charity":227,"Education & Courses":228,"Crypto & Web3":229,"Sports & Fitness":230,"Automotive & Transportation":231},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":233,"Typographic \u002F Big Type":234,"High-End \u002F Luxury":235,"Dark Mode":236,"Vibrant \u002F Colorful":237,"Monochrome \u002F Grayscale":238,"Fun \u002F Playful":239,"Brutalist \u002F Neo-Brutalist":240,"Corporate \u002F Professional":241,"Illustrative \u002F Hand-drawn":242,"Futuristic \u002F Sci-Fi":243,"3D \u002F Spatial":244,"Retro \u002F Vintage \u002F Y2K":245,"Glassmorphism":246,"Bento Grid":246},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":248,"PHP":249,"WordPress":250,"Node.js":251,"React":252,"Vercel":253,"Vue.js":254,"Shopify":255,"Next.js":256,"Klaviyo":257,"Nuxt.js":258,"Typekit":259,"Amazon Web Services":260,"reCAPTCHA":261,"YouTube":262,"MailChimp":263,"Modernizr":264,"Bootstrap":265,"Slick":266,"Google Font API":267,"Craft CMS":268,"Framer Sites":269,"Contact Form 7":270,"Stimulus":271,"Google Maps":272},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,92,91,85,82,79,66,65,64,59,58,{"Inter":274,"Times New Roman":275,"Roboto":276,"Open Sans":277,"Neue Haas Grotesk":277,"Suisse Intl":278,"Arial":243,"Poppins":268,"Helvetica Neue":270,"Montserrat":279,"Diatype":244,"Neue Montreal":223,"Lato":224,"Graphik":280,"Source Sans":281,"Monument Grotesk":282,"Noto Sans":283,"Helvetica":284,"Söhne":285,"DM Sans":285,"Founders Grotesk":285,"GT America":286,"Google Sans":286,"Editorial":245,"IBM Plex Mono":228},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":288},2397,{"industry":290,"styles":310,"page_type_name":326,"technologies":328,"font_families":354},{"Agency & Studio":291,"Art & Culture":292,"SaaS & Software":293,"Fashion & Apparel":294,"Architecture & Real Estate":295,"Entertainment & Media":296,"Food & Beverage":297,"Photography & Video":298,"Finance & Fintech":299,"Healthcare & Wellness":300,"Technology & Hardware":301,"Industrial & Manufacturing":302,"Beauty & Cosmetics":303,"Travel & Hospitality":304,"Non-Profit & Charity":305,"Education & Courses":306,"Crypto & Web3":307,"Sports & Fitness":308,"Automotive & Transportation":309},"Agencies","Art and Culture","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":311,"Typographic \u002F Big Type":312,"High-End \u002F Luxury":313,"Dark Mode":314,"Vibrant \u002F Colorful":315,"Monochrome \u002F Grayscale":316,"Fun \u002F Playful":317,"Brutalist \u002F Neo-Brutalist":318,"Corporate \u002F Professional":319,"Illustrative \u002F Hand-drawn":320,"Futuristic \u002F Sci-Fi":321,"3D \u002F Spatial":322,"Retro \u002F Vintage \u002F Y2K":323,"Glassmorphism":324,"Bento Grid":325},"Minimalist","Typographic","Luxury","Dark Mode","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":327},"Home \u002F Landing",{"jQuery":329,"PHP":330,"WordPress":331,"Node.js":332,"React":333,"Vercel":334,"Vue.js":335,"Shopify":336,"Next.js":337,"Klaviyo":338,"Nuxt.js":339,"Typekit":340,"Amazon Web Services":341,"reCAPTCHA":342,"YouTube":343,"MailChimp":344,"Modernizr":345,"Bootstrap":346,"Slick":347,"Google Font API":348,"Craft CMS":349,"Framer Sites":350,"Contact Form 7":351,"Stimulus":352,"Google Maps":353},"jQuery","PHP","WordPress","Node.js","React","Vercel","Vue.js","Shopify","Next.js","Klaviyo","Nuxt.js","Typekit","Amazon Web Services","reCAPTCHA","YouTube","MailChimp","Modernizr","Bootstrap","Slick","Google Font API","Craft CMS","Framer Sites","Contact Form 7","Stimulus","Google Maps",{"Inter":355,"Times New Roman":356,"Roboto":357,"Open Sans":358,"Neue Haas Grotesk":359,"Suisse Intl":360,"Arial":361,"Poppins":362,"Helvetica Neue":363,"Montserrat":364,"Diatype":365,"Neue Montreal":366,"Lato":367,"Graphik":368,"Source Sans":369,"Monument Grotesk":370,"Noto Sans":371,"Helvetica":372,"Söhne":373,"DM Sans":374,"Founders Grotesk":375,"GT America":376,"Google Sans":377,"Editorial":378,"IBM Plex Mono":379},"Inter","Times New Roman","Roboto","Open Sans","Neue Haas Grotesk","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Diatype","Neue Montreal","Lato","Graphik","Source Sans","Monument Grotesk","Noto Sans","Helvetica","Söhne","DM Sans","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":381,"facetLabels":397},{"industry":382,"styles":383,"technologies":384,"font_families":385,"page_type_name":386},{"Agency & Studio":213,"Art & Culture":214,"SaaS & Software":215,"Fashion & Apparel":216,"Architecture & Real Estate":217,"Entertainment & Media":218,"Food & Beverage":219,"Photography & Video":220,"Finance & Fintech":221,"Healthcare & Wellness":222,"Technology & Hardware":223,"Industrial & Manufacturing":224,"Beauty & Cosmetics":225,"Travel & Hospitality":226,"Non-Profit & Charity":227,"Education & Courses":228,"Crypto & Web3":229,"Sports & Fitness":230,"Automotive & Transportation":231},{"Clean \u002F Minimalist":233,"Typographic \u002F Big Type":234,"High-End \u002F Luxury":235,"Dark Mode":236,"Vibrant \u002F Colorful":237,"Monochrome \u002F Grayscale":238,"Fun \u002F Playful":239,"Brutalist \u002F Neo-Brutalist":240,"Corporate \u002F Professional":241,"Illustrative \u002F Hand-drawn":242,"Futuristic \u002F Sci-Fi":243,"3D \u002F Spatial":244,"Retro \u002F Vintage \u002F Y2K":245,"Glassmorphism":246,"Bento Grid":246},{"jQuery":248,"PHP":249,"WordPress":250,"Node.js":251,"React":252,"Vercel":253,"Vue.js":254,"Shopify":255,"Next.js":256,"Klaviyo":257,"Nuxt.js":258,"Typekit":259,"Amazon Web Services":260,"reCAPTCHA":261,"YouTube":262,"MailChimp":263,"Modernizr":264,"Bootstrap":265,"Slick":266,"Google Font API":267,"Craft CMS":268,"Framer Sites":269,"Contact Form 7":270,"Stimulus":271,"Google Maps":272},{"Inter":274,"Times New Roman":275,"Roboto":276,"Open Sans":277,"Neue Haas Grotesk":277,"Suisse Intl":278,"Arial":243,"Poppins":268,"Helvetica Neue":270,"Montserrat":279,"Diatype":244,"Neue Montreal":223,"Lato":224,"Graphik":280,"Source Sans":281,"Monument Grotesk":282,"Noto Sans":283,"Helvetica":284,"Söhne":285,"DM Sans":285,"Founders Grotesk":285,"GT America":286,"Google Sans":286,"Editorial":245,"IBM Plex Mono":228},{"Home \u002F Landing Page":387,"About Us \u002F Team":388,"Projects \u002F Portfolio":389,"Contact Us":390,"Blog \u002F Article Layout":391,"Services \u002F Features":392,"Shop \u002F Catalog":393,"Careers \u002F Jobs":394,"Pricing Page":222,"Sign Up \u002F Login":395,"404 Error Page":396},2401,774,527,418,378,341,299,89,27,9,{"industry":398,"styles":399,"page_type_name":400,"technologies":411,"font_families":412},{"Agency & Studio":291,"Art & Culture":292,"SaaS & Software":293,"Fashion & Apparel":294,"Architecture & Real Estate":295,"Entertainment & Media":296,"Food & Beverage":297,"Photography & Video":298,"Finance & Fintech":299,"Healthcare & Wellness":300,"Technology & Hardware":301,"Industrial & Manufacturing":302,"Beauty & Cosmetics":303,"Travel & Hospitality":304,"Non-Profit & Charity":305,"Education & Courses":306,"Crypto & Web3":307,"Sports & Fitness":308,"Automotive & Transportation":309},{"Clean \u002F Minimalist":311,"Typographic \u002F Big Type":312,"High-End \u002F Luxury":313,"Dark Mode":314,"Vibrant \u002F Colorful":315,"Monochrome \u002F Grayscale":316,"Fun \u002F Playful":317,"Brutalist \u002F Neo-Brutalist":318,"Corporate \u002F Professional":319,"Illustrative \u002F Hand-drawn":320,"Futuristic \u002F Sci-Fi":321,"3D \u002F Spatial":322,"Retro \u002F Vintage \u002F Y2K":323,"Glassmorphism":324,"Bento Grid":325},{"Home \u002F Landing Page":327,"About Us \u002F Team":401,"Projects \u002F Portfolio":402,"Contact Us":403,"Blog \u002F Article Layout":404,"Services \u002F Features":405,"Shop \u002F Catalog":406,"Careers \u002F Jobs":407,"Pricing Page":408,"Sign Up \u002F Login":409,"404 Error Page":410},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":329,"PHP":330,"WordPress":331,"Node.js":332,"React":333,"Vercel":334,"Vue.js":335,"Shopify":336,"Next.js":337,"Klaviyo":338,"Nuxt.js":339,"Typekit":340,"Amazon Web Services":341,"reCAPTCHA":342,"YouTube":343,"MailChimp":344,"Modernizr":345,"Bootstrap":346,"Slick":347,"Google Font API":348,"Craft CMS":349,"Framer Sites":350,"Contact Form 7":351,"Stimulus":352,"Google Maps":353},{"Inter":355,"Times New Roman":356,"Roboto":357,"Open Sans":358,"Neue Haas Grotesk":359,"Suisse Intl":360,"Arial":361,"Poppins":362,"Helvetica Neue":363,"Montserrat":364,"Diatype":365,"Neue Montreal":366,"Lato":367,"Graphik":368,"Source Sans":369,"Monument Grotesk":370,"Noto Sans":371,"Helvetica":372,"Söhne":373,"DM Sans":374,"Founders Grotesk":375,"GT America":376,"Google Sans":377,"Editorial":378,"IBM Plex Mono":379}]