[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-johnny-slack":3,"facets-{\"includeAuthors\":\"false\"}":134,"facets-baseline-false":317,"similar-websites-johnny-slack":331},{"id":4,"name":5,"slug":6,"url":7,"dateUpdated":8,"fetchedAt":9,"coverId":10,"coverMobileId":11,"coverWidth":12,"coverHeight":13,"coverMobileWidth":14,"coverMobileHeight":15,"descriptionEn":16,"seoMeta":17,"industry":20,"styles":24,"credits":36,"pages":37,"typefaces":48,"technologiesByCategory":54,"pagespeedDesktop":84,"pagespeedMobile":97,"performanceDesktop":87,"performanceMobile":99,"colorBuckets":103,"colorPalette":116},"e6d5b740-ca86-45fd-a20b-2421a0567d0d","Johnny Slack","johnny-slack","https:\u002F\u002Fjohnnyslack.co","2026-06-25T10:32:41.000Z","2026-05-24T22:31:03.000Z","31e65217-ee43-44be-9b89-c8a4ae9f391d","aeedece7-a5c5-46ec-b889-d5615f0a8e6a",1440,900,780,1688,"Johnny Slack’s digital portfolio is a high-concept immersive experience designed to showcase the intersection of 3D programming and audiovisual art. Eschewing traditional web layouts for a more experimental, interactive canvas, the site functions as a living piece of software. It targets creative directors, tech-forward brands, and experimental artists looking for cutting-edge digital craftsmanship and spatial computing expertise.\n\nThe visual identity is defined by a striking, high-contrast aesthetic that leans heavily into dark mode and surrealist 3D imagery. Utilizing deep purples and obsidian blacks, the site creates a sense of depth and mystery, mirroring the complex, generative nature of the work itself. The minimalist typography and interactive prompts suggest a sophisticated, avant-garde sensibility that prioritizes sensory impact over conventional information architecture.",{"title":18,"meta_description":19},"Johnny Slack | 3D Audiovisual Programmer & Artist","Portfolio of Johnny Slack, a 3D audiovisual programmer and co-founder of Cartelle, specializing in immersive digital experiences and spatial art.",{"name":21,"label":22,"slug":23},"Art & Culture","Art and Culture","art-and-culture",[25,29,32],{"name":26,"label":27,"slug":28},"3D \u002F Spatial","3D and Spatial","3d-spatial",{"name":30,"label":30,"slug":31},"Dark Mode","dark-mode",{"name":33,"label":34,"slug":35},"Futuristic \u002F Sci-Fi","Futuristic","futuristic",[],[38],{"name":39,"title":5,"description":40,"url":41,"coverId":10,"coverMobileId":11,"alt":42,"altMobile":43,"pageType":44},"Homepage","I am a 3D audiovisual programmer and 1\u002F2 of Cartelle.","https:\u002F\u002Fjohnnyslack.co\u002F","A minimalist dark website featuring a large, glowing purple 3D digital fish swimming against a black background. The layout includes navigation links like 'back' and 'next' at the bottom, with a list of project links under the heading 'Wave 1 - Bodies in Analog' positioned below the visual hero area.","The mobile version focuses on the immersive visual, showing a large, vertically oriented purple 3D organic form against a black background. Navigation is simplified to 'back' and 'next' at the bottom, with a prompt to 'touch & hold to excite' replacing the desktop click instructions.",{"name":45,"label":46,"slug":47},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[49],{"name":50,"label":50,"slug":51,"foundryName":52,"isLinkable":53},"Garamond","garamond",null,true,{"Analytics":55,"JavaScript frameworks":60,"Security":64,"JavaScript libraries":68,"CDN":72,"JavaScript graphics":76,"PaaS":80},[56],{"name":57,"label":57,"slug":58,"isLinkable":59},"Google Analytics","google-analytics",false,[61],{"name":62,"label":62,"slug":63,"isLinkable":53},"GSAP","gsap",[65],{"name":66,"label":66,"slug":67,"isLinkable":59},"HSTS","hsts",[69],{"name":70,"label":70,"slug":71,"isLinkable":53},"jQuery","jquery",[73],{"name":74,"label":74,"slug":75,"isLinkable":59},"jsDelivr","jsdelivr",[77],{"name":78,"label":78,"slug":79,"isLinkable":53},"Three.js","threejs",[81],{"name":82,"label":82,"slug":83,"isLinkable":53},"Vercel","vercel",[85,88,91,94],{"category":86,"score":87},"performance",66,{"category":89,"score":90},"accessibility",72,{"category":92,"score":93},"best-practices",96,{"category":95,"score":96},"seo",92,[98,100,101,102],{"category":86,"score":99},69,{"category":89,"score":99},{"category":92,"score":93},{"category":95,"score":96},[104,108,112],{"value":105,"label":106,"hex":107},"black","Black","#000000",{"value":109,"label":110,"hex":111},"gray","Gray","#737373",{"value":113,"label":114,"hex":115},"pink","Pink","#f7339a",[117,119,122,125,128,131],{"hex":107,"percent":118},0.831,{"hex":120,"percent":121},"#432674",0.0736,{"hex":123,"percent":124},"#301A50",0.0363,{"hex":126,"percent":127},"#190C26",0.0356,{"hex":129,"percent":130},"#653F99",0.018,{"hex":132,"percent":133},"#A585DE",0.0054,{"facetDistribution":135,"facetTotals":221,"facetLabels":223},{"industry":136,"styles":156,"technologies":171,"font_families":197,"page_type_name":211},{"Agency & Studio":137,"Art & Culture":138,"SaaS & Software":139,"Fashion & Apparel":140,"Architecture & Real Estate":141,"Entertainment & Media":142,"Food & Beverage":143,"Photography & Video":144,"Finance & Fintech":145,"Healthcare & Wellness":146,"Technology & Hardware":147,"Industrial & Manufacturing":148,"Beauty & Cosmetics":149,"Travel & Hospitality":150,"Non-Profit & Charity":151,"Education & Courses":152,"Crypto & Web3":153,"Sports & Fitness":154,"Automotive & Transportation":155},752,306,227,171,167,142,132,124,79,62,57,50,49,47,41,32,25,22,11,{"Clean \u002F Minimalist":157,"Typographic \u002F Big Type":158,"High-End \u002F Luxury":159,"Dark Mode":160,"Vibrant \u002F Colorful":161,"Monochrome \u002F Grayscale":162,"Fun \u002F Playful":163,"Brutalist \u002F Neo-Brutalist":164,"Corporate \u002F Professional":165,"Illustrative \u002F Hand-drawn":166,"Futuristic \u002F Sci-Fi":167,"3D \u002F Spatial":147,"Retro \u002F Vintage \u002F Y2K":168,"Bento Grid":169,"Glassmorphism":170},2145,1779,1053,594,403,335,262,248,212,89,71,35,18,17,{"jQuery":172,"PHP":173,"WordPress":174,"Node.js":175,"React":176,"Vercel":177,"Vue.js":178,"Shopify":179,"Next.js":180,"Klaviyo":181,"Nuxt.js":182,"Typekit":183,"Amazon Web Services":184,"reCAPTCHA":185,"MailChimp":186,"YouTube":187,"Modernizr":188,"Bootstrap":189,"Google Font API":190,"Slick":191,"Framer Sites":192,"Craft CMS":193,"Contact Form 7":194,"Stimulus":195,"Webflow":196},915,652,521,330,324,278,218,208,165,155,153,143,134,119,99,98,94,90,84,83,73,67,65,60,59,{"Inter":175,"Times New Roman":198,"Roboto":199,"Neue Haas Grotesk":200,"Open Sans":188,"Suisse Intl":201,"Arial":167,"Poppins":193,"Helvetica Neue":193,"Montserrat":202,"Neue Montreal":203,"Diatype":204,"Lato":205,"Graphik":149,"Source Sans":206,"Noto Sans":207,"Monument Grotesk":207,"IBM Plex Mono":207,"Helvetica":208,"Google Sans":209,"Söhne":168,"GT America":168,"DM Sans":168,"Founders Grotesk":168,"Editorial":210},175,133,95,93,63,56,55,51,46,40,38,37,33,{"Home \u002F Landing Page":212,"About Us \u002F Team":213,"Projects \u002F Portfolio":214,"Contact Us":215,"Blog \u002F Article Layout":216,"Services \u002F Features":217,"Shop \u002F Catalog":218,"Careers \u002F Jobs":166,"Pricing Page":146,"Sign Up \u002F Login":219,"404 Error Page":220},2500,806,541,432,392,353,311,27,9,{"industry":222},2496,{"industry":224,"styles":243,"page_type_name":256,"technologies":267,"font_families":291},{"Agency & Studio":225,"Art & Culture":22,"SaaS & Software":226,"Fashion & Apparel":227,"Architecture & Real Estate":228,"Entertainment & Media":229,"Food & Beverage":230,"Photography & Video":231,"Finance & Fintech":232,"Healthcare & Wellness":233,"Technology & Hardware":234,"Industrial & Manufacturing":235,"Beauty & Cosmetics":236,"Travel & Hospitality":237,"Non-Profit & Charity":238,"Education & Courses":239,"Crypto & Web3":240,"Sports & Fitness":241,"Automotive & Transportation":242},"Agencies","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":244,"Typographic \u002F Big Type":245,"High-End \u002F Luxury":246,"Dark Mode":30,"Vibrant \u002F Colorful":247,"Monochrome \u002F Grayscale":248,"Fun \u002F Playful":249,"Brutalist \u002F Neo-Brutalist":250,"Corporate \u002F Professional":251,"Illustrative \u002F Hand-drawn":252,"Futuristic \u002F Sci-Fi":34,"3D \u002F Spatial":27,"Retro \u002F Vintage \u002F Y2K":253,"Bento Grid":254,"Glassmorphism":255},"Minimalist","Typographic","Luxury","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Retro and Y2K","Bento Grid","Glassmorphism",{"Home \u002F Landing Page":46,"About Us \u002F Team":257,"Projects \u002F Portfolio":258,"Contact Us":259,"Blog \u002F Article Layout":260,"Services \u002F Features":261,"Shop \u002F Catalog":262,"Careers \u002F Jobs":263,"Pricing Page":264,"Sign Up \u002F Login":265,"404 Error Page":266},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":70,"PHP":268,"WordPress":269,"Node.js":270,"React":271,"Vercel":82,"Vue.js":272,"Shopify":273,"Next.js":274,"Klaviyo":275,"Nuxt.js":276,"Typekit":277,"Amazon Web Services":278,"reCAPTCHA":279,"MailChimp":280,"YouTube":281,"Modernizr":282,"Bootstrap":283,"Google Font API":284,"Slick":285,"Framer Sites":286,"Craft CMS":287,"Contact Form 7":288,"Stimulus":289,"Webflow":290},"PHP","WordPress","Node.js","React","Vue.js","Shopify","Next.js","Klaviyo","Nuxt.js","Typekit","Amazon Web Services","reCAPTCHA","MailChimp","YouTube","Modernizr","Bootstrap","Google Font API","Slick","Framer Sites","Craft CMS","Contact Form 7","Stimulus","Webflow",{"Inter":292,"Times New Roman":293,"Roboto":294,"Neue Haas Grotesk":295,"Open Sans":296,"Suisse Intl":297,"Arial":298,"Poppins":299,"Helvetica Neue":300,"Montserrat":301,"Neue Montreal":302,"Diatype":303,"Lato":304,"Graphik":305,"Source Sans":306,"Noto Sans":307,"Monument Grotesk":308,"IBM Plex Mono":309,"Helvetica":310,"Google Sans":311,"Söhne":312,"GT America":313,"DM Sans":314,"Founders Grotesk":315,"Editorial":316},"Inter","Times New Roman","Roboto","Neue Haas Grotesk","Open Sans","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Neue Montreal","Diatype","Lato","Graphik","Source Sans","Noto Sans","Monument Grotesk","IBM Plex Mono","Helvetica","Google Sans","Söhne","GT America","DM Sans","Founders Grotesk","Editorial",{"facetDistribution":318,"facetTotals":324,"facetLabels":325},{"industry":319,"styles":320,"technologies":321,"font_families":322,"page_type_name":323},{"Agency & Studio":137,"Art & Culture":138,"SaaS & Software":139,"Fashion & Apparel":140,"Architecture & Real Estate":141,"Entertainment & Media":142,"Food & Beverage":143,"Photography & Video":144,"Finance & Fintech":145,"Healthcare & Wellness":146,"Technology & Hardware":147,"Industrial & Manufacturing":148,"Beauty & Cosmetics":149,"Travel & Hospitality":150,"Non-Profit & Charity":151,"Education & Courses":152,"Crypto & Web3":153,"Sports & Fitness":154,"Automotive & Transportation":155},{"Clean \u002F Minimalist":157,"Typographic \u002F Big Type":158,"High-End \u002F Luxury":159,"Dark Mode":160,"Vibrant \u002F Colorful":161,"Monochrome \u002F Grayscale":162,"Fun \u002F Playful":163,"Brutalist \u002F Neo-Brutalist":164,"Corporate \u002F Professional":165,"Illustrative \u002F Hand-drawn":166,"Futuristic \u002F Sci-Fi":167,"3D \u002F Spatial":147,"Retro \u002F Vintage \u002F Y2K":168,"Bento Grid":169,"Glassmorphism":170},{"jQuery":172,"PHP":173,"WordPress":174,"Node.js":175,"React":176,"Vercel":177,"Vue.js":178,"Shopify":179,"Next.js":180,"Klaviyo":181,"Nuxt.js":182,"Typekit":183,"Amazon Web Services":184,"reCAPTCHA":185,"MailChimp":186,"YouTube":187,"Modernizr":188,"Bootstrap":189,"Google Font API":190,"Slick":191,"Framer Sites":192,"Craft CMS":193,"Contact Form 7":194,"Stimulus":195,"Webflow":196},{"Inter":175,"Times New Roman":198,"Roboto":199,"Neue Haas Grotesk":200,"Open Sans":188,"Suisse Intl":201,"Arial":167,"Poppins":193,"Helvetica Neue":193,"Montserrat":202,"Neue Montreal":203,"Diatype":204,"Lato":205,"Graphik":149,"Source Sans":206,"Noto Sans":207,"Monument Grotesk":207,"IBM Plex Mono":207,"Helvetica":208,"Google Sans":209,"Söhne":168,"GT America":168,"DM Sans":168,"Founders Grotesk":168,"Editorial":210},{"Home \u002F Landing Page":212,"About Us \u002F Team":213,"Projects \u002F Portfolio":214,"Contact Us":215,"Blog \u002F Article Layout":216,"Services \u002F Features":217,"Shop \u002F Catalog":218,"Careers \u002F Jobs":166,"Pricing Page":146,"Sign Up \u002F Login":219,"404 Error Page":220},{"industry":222},{"industry":326,"styles":327,"page_type_name":328,"technologies":329,"font_families":330},{"Agency & Studio":225,"Art & Culture":22,"SaaS & Software":226,"Fashion & Apparel":227,"Architecture & Real Estate":228,"Entertainment & Media":229,"Food & Beverage":230,"Photography & Video":231,"Finance & Fintech":232,"Healthcare & Wellness":233,"Technology & Hardware":234,"Industrial & Manufacturing":235,"Beauty & Cosmetics":236,"Travel & Hospitality":237,"Non-Profit & Charity":238,"Education & Courses":239,"Crypto & Web3":240,"Sports & Fitness":241,"Automotive & Transportation":242},{"Clean \u002F Minimalist":244,"Typographic \u002F Big Type":245,"High-End \u002F Luxury":246,"Dark Mode":30,"Vibrant \u002F Colorful":247,"Monochrome \u002F Grayscale":248,"Fun \u002F Playful":249,"Brutalist \u002F Neo-Brutalist":250,"Corporate \u002F Professional":251,"Illustrative \u002F Hand-drawn":252,"Futuristic \u002F Sci-Fi":34,"3D \u002F Spatial":27,"Retro \u002F Vintage \u002F Y2K":253,"Bento Grid":254,"Glassmorphism":255},{"Home \u002F Landing Page":46,"About Us \u002F Team":257,"Projects \u002F Portfolio":258,"Contact Us":259,"Blog \u002F Article Layout":260,"Services \u002F Features":261,"Shop \u002F Catalog":262,"Careers \u002F Jobs":263,"Pricing Page":264,"Sign Up \u002F Login":265,"404 Error Page":266},{"jQuery":70,"PHP":268,"WordPress":269,"Node.js":270,"React":271,"Vercel":82,"Vue.js":272,"Shopify":273,"Next.js":274,"Klaviyo":275,"Nuxt.js":276,"Typekit":277,"Amazon Web Services":278,"reCAPTCHA":279,"MailChimp":280,"YouTube":281,"Modernizr":282,"Bootstrap":283,"Google Font API":284,"Slick":285,"Framer Sites":286,"Craft CMS":287,"Contact Form 7":288,"Stimulus":289,"Webflow":290},{"Inter":292,"Times New Roman":293,"Roboto":294,"Neue Haas Grotesk":295,"Open Sans":296,"Suisse Intl":297,"Arial":298,"Poppins":299,"Helvetica Neue":300,"Montserrat":301,"Neue Montreal":302,"Diatype":303,"Lato":304,"Graphik":305,"Source Sans":306,"Noto Sans":307,"Monument Grotesk":308,"IBM Plex Mono":309,"Helvetica":310,"Google Sans":311,"Söhne":312,"GT America":313,"DM Sans":314,"Founders Grotesk":315,"Editorial":316},{"hits":332},[333,471,519,626],{"id":334,"website_id":335,"page_id":334,"name":336,"slug":337,"url":338,"website_name":336,"website_slug":337,"website_url":339,"result_url":338,"fetched_at":340,"score":341,"score_boost":342,"ai_score":189,"freshness_score":343,"scored_at":344,"page_name":39,"page_url":338,"page_title":345,"page_description":346,"page_content":347,"page_sort":342,"is_home":53,"is_home_rank":348,"page_type_id":349,"page_type_name":45,"cover":350,"cover_mobile":353,"cover_sequence":355,"translations":446,"industry":450,"styles":451,"credits":454,"font_families":455,"technologies":456,"pagespeed":457,"pagespeed_mobile":462,"buckets":466,"search_payload":470},"4b77236e-6ecd-4ace-9977-cf60ad83bb6b","f3af915b-ca9f-4bf4-bf55-c52af4f304b6","CATK","catk","https:\u002F\u002Fcatk.de\u002F","https:\u002F\u002Fcatk.de","2026-05-04T10:24:21.000Z",87,0,74,"2026-05-23T20:24:21.000Z","CATK — Colors And The Kids","Colors And The Kids is a creative company specializing in design, motion and music.","CATK [ OktaBrand Systems · Sonic Work ](\u002Fwork\u002Fokta)[ Construction SiteResearch · Sonic Work ](\u002Fwork\u002Fconstruction-site)[ Granite LLM IntroductionCampaigns · Sonic Work ](\u002Fwork\u002Fibm-granite)[ AttiniaSonic Work · Research ](\u002Fwork\u002Fattinia)[ PioneerBrand Systems · Sonic Work ](\u002Fwork\u002Fpioneer)[ Brand Design Inspired Brand Design InspiredBrand Systems ](\u002Fwork\u002Fibm-brand-design-inspired)[ Quantum QuantumProduct Images · Campaigns ](\u002Fwork\u002Fibm-quantum)[ Fussel FusselSonic Work · Research ](\u002Fwork\u002Ffussel)[ A Minecraft MovieCampaigns · Sonic Work ](\u002Fwork\u002Fminecraft-movie)[ Trafo TrafoResearch · Sonic Work ](\u002Fwork\u002Ftrafo)",1,"1",{"id":351,"height":13,"width":12,"blurhash":352},"9ebc030d-a8fe-436f-abd8-9a4158e8a768","radial-gradient(at 0 0,#303413,#00000000 50%),radial-gradient(at 33% 0,#000000,#00000000 50%),radial-gradient(at 67% 0,#262018,#00000000 50%),radial-gradient(at 100% 0,#403b3e,#00000000 50%),radial-gradient(at 0 50%,#484945,#00000000 50%),radial-gradient(at 33% 50%,#404d45,#00000000 50%),radial-gradient(at 67% 50%,#839084,#00000000 50%),radial-gradient(at 100% 50%,#7e867d,#00000000 50%),radial-gradient(at 0 100%,#2b0902,#00000000 50%),radial-gradient(at 33% 100%,#150c21,#00000000 50%),radial-gradient(at 67% 100%,#542e47,#00000000 50%),radial-gradient(at 100% 100%,#4e2938,#00000000 50%)",{"id":354,"height":15,"width":14,"blurhash":52},"206c1980-6a78-4cae-b004-51870e929782",[356,359,362,365,368,371,374,377,380,383,386,389,392,395,398,401,404,407,410,413,416,419,422,425,428,431,434,437,440,443],{"directus_files_id":357},{"id":358},"f5816974-1420-4fa5-974c-1f37c9a5e562",{"directus_files_id":360},{"id":361},"e6eda751-8234-46cb-be67-224cb90191d0",{"directus_files_id":363},{"id":364},"cfbd10a8-8231-40fc-bca8-e12b976ed699",{"directus_files_id":366},{"id":367},"924c3548-5ea4-4e09-b03a-d9c120e1dd9c",{"directus_files_id":369},{"id":370},"90286a92-4011-4bc0-b0fd-dfb46f2c1dd9",{"directus_files_id":372},{"id":373},"45305f76-b800-4020-a515-a73dfa1271b6",{"directus_files_id":375},{"id":376},"244cbe65-41ae-4bb0-a730-0b5f03086f8b",{"directus_files_id":378},{"id":379},"69891d53-9131-4275-9be4-a3e5e0034ec8",{"directus_files_id":381},{"id":382},"c6ddbe72-b65e-4ff9-b9c8-869bd6ca05d8",{"directus_files_id":384},{"id":385},"6134ed98-ca29-4731-b108-a01f135ff63e",{"directus_files_id":387},{"id":388},"76395fe7-b28a-4ac3-aac5-c8fb60d61d41",{"directus_files_id":390},{"id":391},"d23252ce-3e3e-4057-9cef-4b6ffa88651c",{"directus_files_id":393},{"id":394},"5f4f85b8-f341-498a-a80f-3fb487ae2197",{"directus_files_id":396},{"id":397},"42156873-e09e-40f1-837e-ddb2f16e8905",{"directus_files_id":399},{"id":400},"bfbc49b5-09e9-43ab-abb3-ee0cbb7f6f81",{"directus_files_id":402},{"id":403},"517d6765-a029-4ed2-94f9-8035a0536811",{"directus_files_id":405},{"id":406},"bdc3e2bf-7592-4f9d-ab8d-8a285af47856",{"directus_files_id":408},{"id":409},"9255683d-de51-4315-89bd-d87b75a3c7b0",{"directus_files_id":411},{"id":412},"e27390f1-5260-4d42-9db5-aab659020fde",{"directus_files_id":414},{"id":415},"dd9f97c7-621e-4beb-9b27-d750f8cc323a",{"directus_files_id":417},{"id":418},"be9167af-f5a0-4ede-a5d6-d53c066893b5",{"directus_files_id":420},{"id":421},"18592281-e989-415a-af46-cf945840c8f4",{"directus_files_id":423},{"id":424},"fa77f22a-d2f5-4801-80e8-9449dab7857a",{"directus_files_id":426},{"id":427},"b40806d7-519e-4275-be9e-2905a77c30d1",{"directus_files_id":429},{"id":430},"3e00a692-9106-450c-960a-dfd8e8847718",{"directus_files_id":432},{"id":433},"1f7f03f7-96af-4b37-8c25-b64330395c33",{"directus_files_id":435},{"id":436},"4eebb1e2-7014-44b8-96c1-8834d77370fb",{"directus_files_id":438},{"id":439},"04b46407-ff47-4913-b9b7-0b81c8d9618d",{"directus_files_id":441},{"id":442},"c0c71eac-f3ad-4d35-8163-057a932e1bd0",{"directus_files_id":444},{"id":445},"aa07b961-8618-473e-ac3a-abc6e426c92b",[447],{"languages_code":448,"description":449},"en","CATK (Colors And The Kids) is a high-octane creative studio that operates at the intersection of design, motion, and music. The brand positions itself as a multidisciplinary powerhouse, catering to forward-thinking clients who demand sensory-rich, immersive brand experiences. Their work is characterized by a kinetic energy that bridges the gap between digital art and commercial design.\n\nThe visual identity is unapologetically bold, utilizing a maximalist approach to color and texture. By blending surreal 3D renders, vibrant organic forms, and high-contrast typography, CATK creates a playground of visual stimulation. The aesthetic leans into a playful yet sophisticated digital surrealism, making it an ideal partner for brands looking to break through the noise with avant-garde motion and high-fidelity visual storytelling.","Agency & Studio",[26,452,453],"Fun \u002F Playful","Vibrant \u002F Colorful",[],[],[274,270,271],[458,459,461],{"score":96,"category":89},{"score":460,"category":92},100,{"score":460,"category":95},[463,464,465],{"score":96,"category":89},{"score":93,"category":92},{"score":460,"category":95},[467,105,109,468,469],"white","brown","green","Website: CATK. Page: Homepage. Page type: Home \u002F Landing Page. Page title: CATK — Colors And The Kids. Page description: Colors And The Kids is a creative company specializing in design, motion and music.. Page content: CATK [ OktaBrand Systems · Sonic Work ](\u002Fwork\u002Fokta)[ Construction SiteResearch · Sonic Work ](\u002Fwork\u002Fconstruction-site)[ Granite LLM IntroductionCampaigns · Sonic Work ](\u002Fwork\u002Fibm-granite)[ AttiniaSonic Work · Research ](\u002Fwork\u002Fattinia)[ PioneerBrand Systems · Sonic Work ](\u002Fwork\u002Fpioneer)[ Brand Design Inspired Brand Design InspiredBrand Systems ](\u002Fwork\u002Fibm-brand-design-inspired)[ Quantum QuantumProduct Images · Campaigns ](\u002Fwork\u002Fibm-quantum)[ Fussel FusselSonic Work · Research ](\u002Fwork\u002Ffussel)[ A Minecraft MovieCampaigns · Sonic Work ](\u002Fwork\u002Fminecraft-movie)[ Trafo TrafoResearch · Sonic Work ](\u002Fwork\u002Ftrafo). A 3D \u002F Spatial, Fun \u002F Playful, Vibrant \u002F Colorful website in the Agency & Studio industry. The overall color palette features White, Black, Gray, Brown, Green. Built using Next.js, Node.js, React. AI description: CATK (Colors And The Kids) is a high-octane creative studio that operates at the intersection of design, motion, and music. The brand positions itself as a multidisciplinary powerhouse, catering to forward-thinking clients who demand sensory-rich, immersive brand experiences. Their work is characterized by a kinetic energy that bridges the gap between digital art and commercial design. The visual identity is unapologetically bold, utilizing a maximalist approach to color and texture. By blending surreal 3D renders, vibrant organic forms, and high-contrast typography, CATK creates a playground of visual stimulation. The aesthetic leans into a playful yet sophisticated digital surrealism, making it an ideal partner for brands looking to break through the noise with avant-garde motion and high-fidelity visual storytelling.",{"id":472,"website_id":473,"page_id":472,"name":474,"slug":475,"url":476,"website_name":474,"website_slug":475,"website_url":477,"result_url":476,"fetched_at":478,"score":192,"score_boost":342,"ai_score":90,"freshness_score":479,"scored_at":480,"page_name":39,"page_url":476,"page_title":474,"page_description":52,"page_content":481,"page_sort":342,"is_home":53,"is_home_rank":348,"page_type_id":349,"page_type_name":45,"cover":482,"cover_mobile":485,"cover_sequence":487,"translations":497,"industry":450,"styles":500,"credits":501,"font_families":503,"technologies":505,"pagespeed":506,"pagespeed_mobile":511,"buckets":517,"search_payload":518},"6e8783f5-c27e-4b8b-843f-90b492e0d530","f9784817-daca-41cc-8fe6-9cffe649a61e","New Format","new-format","https:\u002F\u002Fnewformat.io\u002F","https:\u002F\u002Fnewformat.io","2026-04-30T20:04:35.000Z",70,"2026-05-23T19:17:50.000Z","NewFormat Click to enter © NEWFORMAT 2023 Privacy policy",{"id":483,"height":13,"width":12,"blurhash":484},"d6037daa-aed4-4c23-bc93-7b89ff2046c8","radial-gradient(at 0 0,#918c9a,#00000000 50%),radial-gradient(at 33% 0,#827c8c,#00000000 50%),radial-gradient(at 67% 0,#635e67,#00000000 50%),radial-gradient(at 100% 0,#675b62,#00000000 50%),radial-gradient(at 0 50%,#786977,#00000000 50%),radial-gradient(at 33% 50%,#87657a,#00000000 50%),radial-gradient(at 67% 50%,#804a6b,#00000000 50%),radial-gradient(at 100% 50%,#714863,#00000000 50%),radial-gradient(at 0 100%,#857685,#00000000 50%),radial-gradient(at 33% 100%,#705e6e,#00000000 50%),radial-gradient(at 67% 100%,#604653,#00000000 50%),radial-gradient(at 100% 100%,#655760,#00000000 50%)",{"id":486,"height":15,"width":14,"blurhash":52},"7ee963cf-fe9f-4efb-b1ec-6d3e9c74f5a1",[488,491,494],{"directus_files_id":489},{"id":490},"3497c048-2a55-4249-a571-afec1251b814",{"directus_files_id":492},{"id":493},"7b3a338e-11b8-44c4-902b-c8b069078468",{"directus_files_id":495},{"id":496},"14a30261-c4d7-40bf-85c2-18b11c890250",[498],{"languages_code":448,"description":499},"New Format is a cutting-edge creative studio that pushes the boundaries of digital expression through avant-garde visual storytelling. The website serves as a high-impact digital canvas, showcasing a portfolio that merges surrealism with high-fidelity 3D rendering. It is designed for a sophisticated audience of fashion houses, luxury brands, and tech innovators seeking a disruptive visual identity that defies conventional web design norms.\n\nThe visual identity is unapologetically bold, characterized by a dreamlike, psychedelic aesthetic. Utilizing a high-contrast palette of deep blacks, electric pinks, and iridescent silvers, the site employs liquid textures and distorted organic forms to create a sense of hyper-reality. The design language leans heavily into experimental motion and immersive spatial experiences, positioning the studio as a leader in the next generation of digital art and brand experience.",[26,30,33],[502],"Bureau Cool",[504,296],"Roboto Mono",[82],[507,508,509,510],{"score":196,"category":86},{"score":460,"category":89},{"score":93,"category":92},{"score":189,"category":95},[512,514,515,516],{"score":513,"category":86},48,{"score":460,"category":89},{"score":93,"category":92},{"score":189,"category":95},[109,105],"Website: New Format. Page: Homepage. Page type: Home \u002F Landing Page. Page title: New Format. Page content: NewFormat Click to enter © NEWFORMAT 2023 Privacy policy. A 3D \u002F Spatial, Dark Mode, Futuristic \u002F Sci-Fi website in the Agency & Studio industry. The overall color palette features Gray, Black. The typography features Roboto Mono (Sans Serif), Open Sans (Sans Serif). Built using Vercel. AI description: New Format is a cutting-edge creative studio that pushes the boundaries of digital expression through avant-garde visual storytelling. The website serves as a high-impact digital canvas, showcasing a portfolio that merges surrealism with high-fidelity 3D rendering. It is designed for a sophisticated audience of fashion houses, luxury brands, and tech innovators seeking a disruptive visual identity that defies conventional web design norms. The visual identity is unapologetically bold, characterized by a dreamlike, psychedelic aesthetic. Utilizing a high-contrast palette of deep blacks, electric pinks, and iridescent silvers, the site employs liquid textures and distorted organic forms to create a sense of hyper-reality. The design language leans heavily into experimental motion and immersive spatial experiences, positioning the studio as a leader in the next generation of digital art and brand experience.",{"id":520,"website_id":521,"page_id":520,"name":522,"slug":523,"url":524,"website_name":522,"website_slug":523,"website_url":525,"result_url":524,"fetched_at":526,"score":527,"score_boost":342,"ai_score":527,"freshness_score":343,"scored_at":528,"page_name":39,"page_url":524,"page_title":529,"page_description":530,"page_content":531,"page_sort":342,"is_home":53,"is_home_rank":348,"page_type_id":349,"page_type_name":45,"cover":532,"cover_mobile":535,"cover_sequence":537,"translations":601,"industry":604,"styles":605,"credits":607,"font_families":608,"technologies":610,"pagespeed":611,"pagespeed_mobile":618,"buckets":624,"search_payload":625},"1dc1ae63-8bdd-41b6-a841-cb6972e42798","f49c56d5-bf06-4f57-9a03-b5a77dd7bf4e","Waves","wavesplatform","https:\u002F\u002Fwavesplatform.com\u002F","https:\u002F\u002Fwavesplatform.com","2026-05-04T09:38:19.000Z",75,"2026-05-23T19:26:41.000Z","Waves.tech","Waves technologies drive innovations of tomorrow and bring them closer to the people of today","",{"id":533,"height":13,"width":12,"blurhash":534},"5b918ca9-235c-4437-843d-1c74dd92b2cc","radial-gradient(at 0 0,#f6f6f9,#00000000 50%),radial-gradient(at 33% 0,#f5f5f8,#00000000 50%),radial-gradient(at 67% 0,#f5f5f9,#00000000 50%),radial-gradient(at 100% 0,#f4f4f7,#00000000 50%),radial-gradient(at 0 50%,#eaeaf0,#00000000 50%),radial-gradient(at 33% 50%,#e4e4e6,#00000000 50%),radial-gradient(at 67% 50%,#e0e0e6,#00000000 50%),radial-gradient(at 100% 50%,#e3e5ee,#00000000 50%),radial-gradient(at 0 100%,#f2f2f8,#00000000 50%),radial-gradient(at 33% 100%,#f1f0f4,#00000000 50%),radial-gradient(at 67% 100%,#efeff5,#00000000 50%),radial-gradient(at 100% 100%,#eeeff6,#00000000 50%)",{"id":536,"height":15,"width":14,"blurhash":52},"ab31d331-4e52-4090-8f1e-ed5fe7cad813",[538,541,544,547,550,553,556,559,562,565,568,571,574,577,580,583,586,589,592,595,598],{"directus_files_id":539},{"id":540},"5c2b1b0d-978a-4df0-b94f-b793481e4ba2",{"directus_files_id":542},{"id":543},"4d5c78a5-3072-49ee-a59e-1800c5c58968",{"directus_files_id":545},{"id":546},"189e7035-cb3a-4e52-917e-efca4ee40e98",{"directus_files_id":548},{"id":549},"ea654342-69b3-45e5-b3cd-558f49a96660",{"directus_files_id":551},{"id":552},"527f7c02-f5f5-44f1-872e-e7235fb0b57c",{"directus_files_id":554},{"id":555},"e5438bca-7fb5-4375-8f84-d4f83a876ce9",{"directus_files_id":557},{"id":558},"2a41da10-e144-41b9-acae-5a78ff7a18d8",{"directus_files_id":560},{"id":561},"868a4412-42a2-4ded-ab11-07bfeecc515e",{"directus_files_id":563},{"id":564},"f65e0b58-16af-42f4-83bf-fe5b2c2937fa",{"directus_files_id":566},{"id":567},"c6d15fd5-643d-400e-a70c-a860b2cf017a",{"directus_files_id":569},{"id":570},"7ed35eee-67a6-4137-8eb7-70073dad7b46",{"directus_files_id":572},{"id":573},"ab579297-c516-42ac-8d6a-88d1a4df59a6",{"directus_files_id":575},{"id":576},"8a9439d3-7bce-4a86-899b-2ce98f4bd81f",{"directus_files_id":578},{"id":579},"787d1d25-e63b-42ed-9782-252b49f0408c",{"directus_files_id":581},{"id":582},"6622aae0-9f2a-4075-9c41-46f4b3e4274f",{"directus_files_id":584},{"id":585},"4d05bc25-4c8d-4da7-9df8-86d6c695da9b",{"directus_files_id":587},{"id":588},"b967cf5c-0cd5-43c4-92cb-f80c4bff5374",{"directus_files_id":590},{"id":591},"1276fbc1-1332-4a2f-93ec-068321798c0e",{"directus_files_id":593},{"id":594},"bf3ebe95-f1cc-406e-81d0-6fee19146533",{"directus_files_id":596},{"id":597},"2f7d350b-b8ea-4469-9f29-505098822403",{"directus_files_id":599},{"id":600},"98ec3bec-51bf-4496-b5a8-30683232817a",[602],{"languages_code":448,"description":603},"Waves is a sophisticated decentralized technology platform designed to empower developers and communities to build scalable, user-friendly applications. By providing a robust stack of open-source tools, the platform facilitates the creation of diverse blockchain-based solutions, ranging from decentralized exchanges (DEX) to NFT gaming ecosystems.\n\nThe visual identity is defined by a clean, minimalist aesthetic that communicates trust and technical precision. Utilizing a bright, airy color palette with soft blue accents and subtle gradients, the design avoids the cluttered typical of many Web3 sites. The use of ample whitespace, refined typography, and soft-shadowed cards creates a professional and approachable interface that caters to both developers and the broader crypto community.","Crypto & Web3",[606,30,33],"Clean \u002F Minimalist",[],[609,304],"Manrope",[],[612,614,616,617],{"score":613,"category":86},64,{"score":615,"category":89},85,{"score":96,"category":92},{"score":96,"category":95},[619,621,622,623],{"score":620,"category":86},42,{"score":615,"category":89},{"score":96,"category":92},{"score":96,"category":95},[467,105,109],"Website: Waves. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Waves.tech. Page description: Waves technologies drive innovations of tomorrow and bring them closer to the people of today. A Clean \u002F Minimalist, Dark Mode, Futuristic \u002F Sci-Fi website in the Crypto & Web3 industry. The overall color palette features White, Black, Gray. The typography features Manrope, Lato (Sans Serif). AI description: Waves is a sophisticated decentralized technology platform designed to empower developers and communities to build scalable, user-friendly applications. By providing a robust stack of open-source tools, the platform facilitates the creation of diverse blockchain-based solutions, ranging from decentralized exchanges (DEX) to NFT gaming ecosystems. The visual identity is defined by a clean, minimalist aesthetic that communicates trust and technical precision. Utilizing a bright, airy color palette with soft blue accents and subtle gradients, the design avoids the cluttered typical of many Web3 sites. The use of ample whitespace, refined typography, and soft-shadowed cards creates a professional and approachable interface that caters to both developers and the broader crypto community.",{"id":627,"website_id":628,"page_id":627,"name":629,"slug":630,"url":631,"website_name":629,"website_slug":630,"website_url":632,"result_url":631,"fetched_at":633,"score":190,"score_boost":342,"ai_score":615,"freshness_score":634,"scored_at":635,"page_name":39,"page_url":631,"page_title":636,"page_description":637,"page_content":638,"page_sort":342,"is_home":53,"is_home_rank":348,"page_type_id":349,"page_type_name":45,"cover":639,"cover_mobile":642,"cover_sequence":644,"translations":648,"industry":450,"styles":651,"credits":652,"font_families":653,"technologies":654,"pagespeed":655,"pagespeed_mobile":660,"buckets":665,"search_payload":666},"81c8fb0d-a2af-4a69-8bc5-feac3d7314a9","dadac29e-340d-44e1-8930-23741770d3a9","o i o","oio","https:\u002F\u002Foio.studio\u002F","https:\u002F\u002Foio.studio","2026-05-05T15:23:26.000Z",76,"2026-05-23T19:25:48.000Z","✶ \\ ✶","future products and tools for a less-boring future","website loading ... Your browser doesn't support HTML video. Here is a link to the video instead. hello@oio.studio @oio.studio",{"id":640,"height":13,"width":12,"blurhash":641},"802e14a1-7c10-4350-b754-70bf7179943f","radial-gradient(at 0 0,#7c674d,#00000000 50%),radial-gradient(at 33% 0,#735d4f,#00000000 50%),radial-gradient(at 67% 0,#72594c,#00000000 50%),radial-gradient(at 100% 0,#6e523d,#00000000 50%),radial-gradient(at 0 50%,#a39478,#00000000 50%),radial-gradient(at 33% 50%,#a39480,#00000000 50%),radial-gradient(at 67% 50%,#a69885,#00000000 50%),radial-gradient(at 100% 50%,#94856c,#00000000 50%),radial-gradient(at 0 100%,#7e6c4e,#00000000 50%),radial-gradient(at 33% 100%,#877560,#00000000 50%),radial-gradient(at 67% 100%,#958573,#00000000 50%),radial-gradient(at 100% 100%,#826d57,#00000000 50%)",{"id":643,"height":15,"width":14,"blurhash":52},"d9b49cc0-8659-44f2-a6f4-1eb9aaf4ea57",[645],{"directus_files_id":646},{"id":647},"ec835d54-c361-43a1-8ba1-2fae090e0179",[649],{"languages_code":448,"description":650},"o i o is a forward-thinking creative studio dedicated to crafting \"future products and tools for a less-boring future.\" The brand positions itself at the intersection of industrial design, digital experimentation, and avant-garde aesthetics, aiming to disrupt conventional product development through a lens of playful innovation. \n\nThe visual identity is a striking blend of surrealism and high-fidelity 3D rendering. By juxtaposing hyper-realistic domestic scenes with abstract, liquid-metal forms and a chaotic explosion of colorful geometric primitives, the site communicates a sense of controlled chaos. The typography is bold and experimental, utilizing heavy, gear-like characters that reinforce a mechanical yet whimsical brand persona designed to captivate tech-savvy early adopters and design enthusiasts.",[26,452,33],[],[],[],[656,657,658,659],{"score":186,"category":86},{"score":460,"category":89},{"score":93,"category":92},{"score":460,"category":95},[661,662,663,664],{"score":188,"category":86},{"score":460,"category":89},{"score":93,"category":92},{"score":460,"category":95},[109,105,468,467],"Website: o i o. Page: Homepage. Page type: Home \u002F Landing Page. Page title: ✶ \\ ✶. Page description: future products and tools for a less-boring future. Page content: website loading ... Your browser doesn't support HTML video. Here is a link to the video instead. hello@oio.studio @oio.studio. A 3D \u002F Spatial, Fun \u002F Playful, Futuristic \u002F Sci-Fi website in the Agency & Studio industry. The overall color palette features Gray, Black, Brown, White. AI description: o i o is a forward-thinking creative studio dedicated to crafting \"future products and tools for a less-boring future.\" The brand positions itself at the intersection of industrial design, digital experimentation, and avant-garde aesthetics, aiming to disrupt conventional product development through a lens of playful innovation. The visual identity is a striking blend of surrealism and high-fidelity 3D rendering. By juxtaposing hyper-realistic domestic scenes with abstract, liquid-metal forms and a chaotic explosion of colorful geometric primitives, the site communicates a sense of controlled chaos. The typography is bold and experimental, utilizing heavy, gear-like characters that reinforce a mechanical yet whimsical brand persona designed to captivate tech-savvy early adopters and design enthusiasts."]