[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-vibrant":3,"facets-{\"includeAuthors\":\"false\"}":136,"facets-baseline-false":297,"similar-websites-vibrant":330},{"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":38,"pages":44,"typefaces":56,"technologiesByCategory":61,"pagespeedDesktop":79,"pagespeedMobile":91,"performanceDesktop":82,"performanceMobile":93,"colorBuckets":97,"colorPalette":118},"f52cb764-517c-4b65-9195-4150942251f6","Vibrant","vibrant","https:\u002F\u002Fvibrantcomposites.com","2026-05-23T19:20:24.000Z","2026-05-04T08:24:26.000Z","c80d1e77-e4ad-4b9c-bbd0-1c86c28a643d","57ea5e1c-3eb4-47fb-a837-d7a95d571b44",1440,900,780,1688,"Vibrant Composites serves as a specialized thought-leadership platform and technical resource focused on the frontier of haptic feedback technology. The site explores the transition from traditional vibration motors to sophisticated nonlinear actuators, positioning itself at the intersection of hardware engineering and tactile user experience design for the wearable technology sector.\n\nThe visual identity is bold, high-energy, and unapologetically modern. Utilizing a high-contrast palette of deep black, electric lime, vibrant orange, and soft violet, the design employs massive, heavy typography to command attention. Overlapping translucent geometric shapes create a sense of depth and intersection, mirroring the complex interplay of physical sensation and digital communication that the brand explores.",{"title":18,"meta_description":19},"Vibrant Composites | Haptic Feedback & Tactile Technology","Exploring the evolution of haptic feedback, nonlinear actuators, and tactile communication systems for the next generation of wearable technology.",{"name":21,"label":22,"slug":23},"Technology & Hardware","Technology","technology",[25,28,32,36],{"name":26,"label":26,"slug":27},"Dark Mode","dark-mode",{"name":29,"label":30,"slug":31},"Futuristic \u002F Sci-Fi","Futuristic","futuristic",{"name":33,"label":34,"slug":35},"Typographic \u002F Big Type","Typographic","typographic",{"name":37,"label":5,"slug":6},"Vibrant \u002F Colorful",[39],{"author":40,"roles":43},{"name":41,"label":41,"slug":42},"Sam Dallyn","sam-dallyn",[],[45],{"name":46,"title":47,"description":48,"url":49,"coverId":10,"coverMobileId":11,"alt":50,"altMobile":51,"pageType":52},"Homepage","Vibrant Composites -- Haptic Feedback Technology","Writing about haptic feedback, nonlinear actuators, and the design of tactile communication systems for wearable technology.","https:\u002F\u002Fvibrantcomposites.com\u002F","The desktop homepage features a dark background with a bold hero section containing the headline 'Lose that buzz.' in large white text. To the right, three translucent overlapping circles in lime, orange, and purple create a Venn diagram effect. Below the hero, an orange section introduces the first article, 'The Evolution of Haptic Feedback'.","The mobile version uses a vertical layout with the 'Lose that buzz.' headline and lime-colored subheadline centered. The overlapping colorful circles are repositioned to sit behind the text, and the content transitions into a solid orange section below for the article feed.",{"name":53,"label":54,"slug":55},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[57],{"name":58,"label":58,"slug":59,"foundryName":60},"DM Sans","dm-sans",null,{"CDN":62,"Analytics":69,"RUM":73,"Miscellaneous":75},[63,66],{"name":64,"label":64,"slug":65},"Cloudflare","cloudflare",{"name":67,"label":67,"slug":68},"jsDelivr","jsdelivr",[70],{"name":71,"label":71,"slug":72},"Cloudflare Browser Insights","cloudflare-browser-insights",[74],{"name":71,"label":71,"slug":72},[76],{"name":77,"label":77,"slug":78},"HTTP\u002F3","http3",[80,83,86,89],{"category":81,"score":82},"performance",93,{"category":84,"score":85},"accessibility",88,{"category":87,"score":88},"best-practices",100,{"category":90,"score":88},"seo",[92,94,95,96],{"category":81,"score":93},92,{"category":84,"score":85},{"category":87,"score":88},{"category":90,"score":88},[98,102,106,110,114],{"value":99,"label":100,"hex":101},"black","Black","#000000",{"value":103,"label":104,"hex":105},"red","Red","#fa2c37",{"value":107,"label":108,"hex":109},"yellow","Yellow","#fec700",{"value":111,"label":112,"hex":113},"gray","Gray","#737373",{"value":115,"label":116,"hex":117},"white","White","#ffffff",[119,121,124,127,130,133],{"hex":101,"percent":120},0.5597,{"hex":122,"percent":123},"#F15428",0.3356,{"hex":125,"percent":126},"#9BB702",0.0345,{"hex":128,"percent":129},"#5E5881",0.0339,{"hex":131,"percent":132},"#F0EDE9",0.0185,{"hex":134,"percent":135},"#27221F",0.0179,{"facetDistribution":137,"facetLabels":213},{"industry":138,"styles":158,"technologies":173,"font_families":198,"page_type_name":211},{"Agency & Studio":139,"Art & Culture":140,"SaaS & Software":141,"Fashion & Apparel":142,"Architecture & Real Estate":143,"Entertainment & Media":144,"Food & Beverage":145,"Photography & Video":146,"Finance & Fintech":147,"Healthcare & Wellness":148,"Technology & Hardware":149,"Industrial & Manufacturing":150,"Beauty & Cosmetics":151,"Travel & Hospitality":152,"Non-Profit & Charity":153,"Education & Courses":154,"Crypto & Web3":155,"Sports & Fitness":156,"Automotive & Transportation":157},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":159,"Typographic \u002F Big Type":160,"High-End \u002F Luxury":161,"Dark Mode":162,"Vibrant \u002F Colorful":163,"Monochrome \u002F Grayscale":164,"Fun \u002F Playful":165,"Brutalist \u002F Neo-Brutalist":166,"Corporate \u002F Professional":167,"Illustrative \u002F Hand-drawn":168,"Futuristic \u002F Sci-Fi":169,"3D \u002F Spatial":170,"Retro \u002F Vintage \u002F Y2K":171,"Glassmorphism":172,"Bento Grid":172},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":174,"PHP":175,"WordPress":176,"Node.js":177,"React":178,"Vercel":179,"Vue.js":180,"Shopify":181,"Next.js":182,"Klaviyo":183,"Nuxt.js":184,"Typekit":185,"Amazon Web Services":186,"reCAPTCHA":187,"YouTube":188,"MailChimp":93,"Modernizr":189,"Bootstrap":190,"Slick":191,"Google Font API":192,"Craft CMS":193,"Framer Sites":194,"Contact Form 7":195,"Stimulus":196,"Google Maps":197},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,91,85,82,79,66,65,64,59,58,{"Inter":199,"Times New Roman":200,"Roboto":201,"Open Sans":202,"Neue Haas Grotesk":202,"Suisse Intl":85,"Arial":169,"Poppins":193,"Helvetica Neue":195,"Montserrat":203,"Diatype":170,"Neue Montreal":149,"Lato":150,"Graphik":204,"Source Sans":205,"Monument Grotesk":206,"Noto Sans":207,"Helvetica":208,"Söhne":209,"DM Sans":209,"Founders Grotesk":209,"GT America":210,"Google Sans":210,"Editorial":171,"IBM Plex Mono":154},315,168,127,90,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":212},2397,{"industry":214,"styles":233,"page_type_name":245,"technologies":246,"font_families":272},{"Agency & Studio":215,"Art & Culture":216,"SaaS & Software":217,"Fashion & Apparel":218,"Architecture & Real Estate":219,"Entertainment & Media":220,"Food & Beverage":221,"Photography & Video":222,"Finance & Fintech":223,"Healthcare & Wellness":224,"Technology & Hardware":22,"Industrial & Manufacturing":225,"Beauty & Cosmetics":226,"Travel & Hospitality":227,"Non-Profit & Charity":228,"Education & Courses":229,"Crypto & Web3":230,"Sports & Fitness":231,"Automotive & Transportation":232},"Agencies","Art and Culture","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":234,"Typographic \u002F Big Type":34,"High-End \u002F Luxury":235,"Dark Mode":26,"Vibrant \u002F Colorful":5,"Monochrome \u002F Grayscale":236,"Fun \u002F Playful":237,"Brutalist \u002F Neo-Brutalist":238,"Corporate \u002F Professional":239,"Illustrative \u002F Hand-drawn":240,"Futuristic \u002F Sci-Fi":30,"3D \u002F Spatial":241,"Retro \u002F Vintage \u002F Y2K":242,"Glassmorphism":243,"Bento Grid":244},"Minimalist","Luxury","Monochrome","Playful","Brutalist","Corporate","Illustrative","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":54},{"jQuery":247,"PHP":248,"WordPress":249,"Node.js":250,"React":251,"Vercel":252,"Vue.js":253,"Shopify":254,"Next.js":255,"Klaviyo":256,"Nuxt.js":257,"Typekit":258,"Amazon Web Services":259,"reCAPTCHA":260,"YouTube":261,"MailChimp":262,"Modernizr":263,"Bootstrap":264,"Slick":265,"Google Font API":266,"Craft CMS":267,"Framer Sites":268,"Contact Form 7":269,"Stimulus":270,"Google Maps":271},"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":273,"Times New Roman":274,"Roboto":275,"Open Sans":276,"Neue Haas Grotesk":277,"Suisse Intl":278,"Arial":279,"Poppins":280,"Helvetica Neue":281,"Montserrat":282,"Diatype":283,"Neue Montreal":284,"Lato":285,"Graphik":286,"Source Sans":287,"Monument Grotesk":288,"Noto Sans":289,"Helvetica":290,"Söhne":291,"DM Sans":58,"Founders Grotesk":292,"GT America":293,"Google Sans":294,"Editorial":295,"IBM Plex Mono":296},"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","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":298,"facetLabels":314},{"industry":299,"styles":300,"technologies":301,"font_families":302,"page_type_name":303},{"Agency & Studio":139,"Art & Culture":140,"SaaS & Software":141,"Fashion & Apparel":142,"Architecture & Real Estate":143,"Entertainment & Media":144,"Food & Beverage":145,"Photography & Video":146,"Finance & Fintech":147,"Healthcare & Wellness":148,"Technology & Hardware":149,"Industrial & Manufacturing":150,"Beauty & Cosmetics":151,"Travel & Hospitality":152,"Non-Profit & Charity":153,"Education & Courses":154,"Crypto & Web3":155,"Sports & Fitness":156,"Automotive & Transportation":157},{"Clean \u002F Minimalist":159,"Typographic \u002F Big Type":160,"High-End \u002F Luxury":161,"Dark Mode":162,"Vibrant \u002F Colorful":163,"Monochrome \u002F Grayscale":164,"Fun \u002F Playful":165,"Brutalist \u002F Neo-Brutalist":166,"Corporate \u002F Professional":167,"Illustrative \u002F Hand-drawn":168,"Futuristic \u002F Sci-Fi":169,"3D \u002F Spatial":170,"Retro \u002F Vintage \u002F Y2K":171,"Glassmorphism":172,"Bento Grid":172},{"jQuery":174,"PHP":175,"WordPress":176,"Node.js":177,"React":178,"Vercel":179,"Vue.js":180,"Shopify":181,"Next.js":182,"Klaviyo":183,"Nuxt.js":184,"Typekit":185,"Amazon Web Services":186,"reCAPTCHA":187,"YouTube":188,"MailChimp":93,"Modernizr":189,"Bootstrap":190,"Slick":191,"Google Font API":192,"Craft CMS":193,"Framer Sites":194,"Contact Form 7":195,"Stimulus":196,"Google Maps":197},{"Inter":199,"Times New Roman":200,"Roboto":201,"Open Sans":202,"Neue Haas Grotesk":202,"Suisse Intl":85,"Arial":169,"Poppins":193,"Helvetica Neue":195,"Montserrat":203,"Diatype":170,"Neue Montreal":149,"Lato":150,"Graphik":204,"Source Sans":205,"Monument Grotesk":206,"Noto Sans":207,"Helvetica":208,"Söhne":209,"DM Sans":209,"Founders Grotesk":209,"GT America":210,"Google Sans":210,"Editorial":171,"IBM Plex Mono":154},{"Home \u002F Landing Page":304,"About Us \u002F Team":305,"Projects \u002F Portfolio":306,"Contact Us":307,"Blog \u002F Article Layout":308,"Services \u002F Features":309,"Shop \u002F Catalog":310,"Careers \u002F Jobs":311,"Pricing Page":148,"Sign Up \u002F Login":312,"404 Error Page":313},2401,774,527,418,378,341,299,89,27,9,{"industry":315,"styles":316,"page_type_name":317,"technologies":328,"font_families":329},{"Agency & Studio":215,"Art & Culture":216,"SaaS & Software":217,"Fashion & Apparel":218,"Architecture & Real Estate":219,"Entertainment & Media":220,"Food & Beverage":221,"Photography & Video":222,"Finance & Fintech":223,"Healthcare & Wellness":224,"Technology & Hardware":22,"Industrial & Manufacturing":225,"Beauty & Cosmetics":226,"Travel & Hospitality":227,"Non-Profit & Charity":228,"Education & Courses":229,"Crypto & Web3":230,"Sports & Fitness":231,"Automotive & Transportation":232},{"Clean \u002F Minimalist":234,"Typographic \u002F Big Type":34,"High-End \u002F Luxury":235,"Dark Mode":26,"Vibrant \u002F Colorful":5,"Monochrome \u002F Grayscale":236,"Fun \u002F Playful":237,"Brutalist \u002F Neo-Brutalist":238,"Corporate \u002F Professional":239,"Illustrative \u002F Hand-drawn":240,"Futuristic \u002F Sci-Fi":30,"3D \u002F Spatial":241,"Retro \u002F Vintage \u002F Y2K":242,"Glassmorphism":243,"Bento Grid":244},{"Home \u002F Landing Page":54,"About Us \u002F Team":318,"Projects \u002F Portfolio":319,"Contact Us":320,"Blog \u002F Article Layout":321,"Services \u002F Features":322,"Shop \u002F Catalog":323,"Careers \u002F Jobs":324,"Pricing Page":325,"Sign Up \u002F Login":326,"404 Error Page":327},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":247,"PHP":248,"WordPress":249,"Node.js":250,"React":251,"Vercel":252,"Vue.js":253,"Shopify":254,"Next.js":255,"Klaviyo":256,"Nuxt.js":257,"Typekit":258,"Amazon Web Services":259,"reCAPTCHA":260,"YouTube":261,"MailChimp":262,"Modernizr":263,"Bootstrap":264,"Slick":265,"Google Font API":266,"Craft CMS":267,"Framer Sites":268,"Contact Form 7":269,"Stimulus":270,"Google Maps":271},{"Inter":273,"Times New Roman":274,"Roboto":275,"Open Sans":276,"Neue Haas Grotesk":277,"Suisse Intl":278,"Arial":279,"Poppins":280,"Helvetica Neue":281,"Montserrat":282,"Diatype":283,"Neue Montreal":284,"Lato":285,"Graphik":286,"Source Sans":287,"Monument Grotesk":288,"Noto Sans":289,"Helvetica":290,"Söhne":291,"DM Sans":58,"Founders Grotesk":292,"GT America":293,"Google Sans":294,"Editorial":295,"IBM Plex Mono":296},{"hits":331},[332,463,563,694],{"id":333,"website_id":334,"page_id":333,"name":335,"slug":336,"url":337,"website_name":335,"website_slug":336,"website_url":338,"result_url":337,"fetched_at":339,"score":340,"score_boost":341,"ai_score":342,"freshness_score":343,"scored_at":344,"page_name":46,"page_url":337,"page_title":335,"page_description":345,"page_content":346,"page_sort":341,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":53,"cover":350,"cover_mobile":353,"cover_sequence":355,"translations":446,"industry":450,"styles":451,"credits":455,"font_families":457,"technologies":459,"pagespeed":60,"pagespeed_mobile":60,"buckets":460,"search_payload":462},"54d59345-ecc8-41db-8598-aaa86b752e6b","e6f2416b-18c3-4c23-8648-1d3873bf1de7","Conversation Design","conversation-design","https:\u002F\u002Fconvodesign101.xyz\u002F","https:\u002F\u002Fconvodesign101.xyz","2026-05-04T19:22:16.000Z",81,0,83,75,"2026-05-23T19:24:30.000Z","Made with Framer","conversation design the discipline of creating interactions between humans and machines that feel natural, helpful, and—most importantly—human. Dada Babies begin with a single sound. Through imitation, those sounds become sentences; sentences become stories. As we grow, we specialize: a developer learns the logic of Python; a doctor masters the complex dialect of biology; and for us designers, we adopt the visual syntax of the screen. We spend our lives layering systems on top of our natural speech. moving further away from the raw simplicity of our first words But now, we’re at a turning point. The idea of teaching machines to talk the way we talk is inspiring us, as designers, to unlearn the rigid behavioral patterns we’ve built over decades of clicking Buttons and dragging Sliders . We are in a race to build the next great interface, yet the \"interface\" itself is becoming invisible To understand this shift, we need to look back at how we connect fixed context For thousands of years, the \"interface\" was static; the human brain did 100% of the processing while the media stayed put. Oral tradition ~50,000 BCE The primal baseline. Before screens, knowledge lived in the rhythm of the spoken word, relying on memory and real-time social feedback to survive. oral tradition Written language ~3200 BCE By moving from sound to symbols, we learned to decouple information from the presence of a speaker, allowing ideas to travel across time. written language Printing press 1440 This milestone enabled a single voice to reach thousands, standardizing language but making communication static and one-way. printing press rigid logic We introduced a Logic Gate between two people. In this wave, interaction was governed by a strict \"if-this-then-that\" decision tree; if you didn't follow the machine's specific path (like waiting for a beep or pressing a number), the conversation simply died. Telephone 1876 The return of synchronous voice through a wire. It introduced strict mechanical protocols and \"logic gates\" to digital exchange. telephone Email 1876 The digital evolution of the letter. It introduced asynchronous threading, teaching us to organize conversations into subject lines and archived data. email intent mapping The \"Chatbot Boom\" moved us from following lines to guessing needs. Instead of a rigid script, designers built \"intent buckets,\" teaching the machine to calculate the probability of what a user wanted from a fragment of text. We stopped drawing flowcharts and started training models to recognize patterns. Email 1876 The digital evolution of the letter. It introduced asynchronous threading, teaching us to organize conversations into subject lines and archived data. email SMS & chat 1992 The digital evolution of the letter. It introduced asynchronous threading, teaching us to organize conversations into subject lines and archived data. texting \u002F sms Virtual assistant 2011 The peak of the intent era. Siri, Alexa, Google Assistant, Cortana, and Bixby taught us to talk to our devices using massive libraries of pre-defined \"Intents\" to process our speech. virtual assistants agency AI In 2026, we’ve moved past \"guessing\" and into real-time reasoning and autonomy. We no longer write responses; we orchestrate AI Agents that use tools, maintain long-term memory, and take independent action to achieve a user's goal. We have finally designed a machine that can join the \"Invisible Dance\" of natural human talk. Generative AI 2022 Now, the machine is a reasoning participant that synthesizes and responds in real-time. We’ve moved past static scripts to design the \"invisible dance\" between human context and machine intelligence. generative Agentic AI 2024 The leap from talking to doing. These systems don't just process words; they use tools to execute multi-step tasks autonomously. AI agents The new era is about teaching machines to speak 'human. ![](https:\u002F\u002Ffr …",true,1,"1",{"id":351,"height":13,"width":12,"blurhash":352},"33a8e3a8-401e-4699-a5c1-18c6adaced08","radial-gradient(at 0 0,#b9eefe,#00000000 50%),radial-gradient(at 33% 0,#aae3f6,#00000000 50%),radial-gradient(at 67% 0,#b4e3f9,#00000000 50%),radial-gradient(at 100% 0,#b5eafd,#00000000 50%),radial-gradient(at 0 50%,#00c4e7,#00000000 50%),radial-gradient(at 33% 50%,#00c0e2,#00000000 50%),radial-gradient(at 67% 50%,#00badb,#00000000 50%),radial-gradient(at 100% 50%,#00c2e2,#00000000 50%),radial-gradient(at 0 100%,#89d6e6,#00000000 50%),radial-gradient(at 33% 100%,#5fb8ca,#00000000 50%),radial-gradient(at 67% 100%,#7bb7c9,#00000000 50%),radial-gradient(at 100% 100%,#90d1e2,#00000000 50%)",{"id":354,"height":15,"width":14,"blurhash":60},"b5dc4b8e-26b6-4423-adac-0494bbed12e3",[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},"ccf7da37-37e6-47d4-af39-e105ccd93a4f",{"directus_files_id":360},{"id":361},"32dd2939-bf23-4f2b-90e9-8e19176a9705",{"directus_files_id":363},{"id":364},"eaac6a8c-94eb-4ece-837f-b638fe1978b8",{"directus_files_id":366},{"id":367},"e3f1edf0-0512-47f6-b13e-8500a732076d",{"directus_files_id":369},{"id":370},"f8ae7a18-4a53-4485-873e-15a7ea3bce04",{"directus_files_id":372},{"id":373},"c043732f-2887-4020-b69a-a0a3f8e21527",{"directus_files_id":375},{"id":376},"21b17b45-e52a-4126-8332-5baec62806c5",{"directus_files_id":378},{"id":379},"e4bfbf1b-d9a1-45f8-83a4-0c941f8fb957",{"directus_files_id":381},{"id":382},"67d56fd8-6f86-4011-892b-bebe11188708",{"directus_files_id":384},{"id":385},"435830a7-482d-4ffb-afda-f9f689dfc117",{"directus_files_id":387},{"id":388},"61511e5b-f193-4ed4-8c72-684d913df8e7",{"directus_files_id":390},{"id":391},"a6f40aef-221c-4d6c-a174-8d3ed39f8fe8",{"directus_files_id":393},{"id":394},"2ba55868-ef40-4ae0-a38c-d38e82b0df9c",{"directus_files_id":396},{"id":397},"5427004a-988c-4ac4-9a6c-7b76d8721409",{"directus_files_id":399},{"id":400},"db67990c-0a18-45e1-a14b-3672d657ef5c",{"directus_files_id":402},{"id":403},"ea26468d-cb98-43a2-a3e7-88917b4b75eb",{"directus_files_id":405},{"id":406},"848950b8-6243-46c7-ae78-6e7b85b22287",{"directus_files_id":408},{"id":409},"cfb21270-a2b4-488b-91b0-aa6abb225631",{"directus_files_id":411},{"id":412},"c84cc0cf-9555-4b08-9f71-12f9ea5f4684",{"directus_files_id":414},{"id":415},"ff650f16-b98e-4c89-ad05-394348fb4369",{"directus_files_id":417},{"id":418},"da71d966-30d0-4988-8f43-67f69e571fbe",{"directus_files_id":420},{"id":421},"acd98999-4a8f-4491-a7fa-17622a23ede9",{"directus_files_id":423},{"id":424},"b02bb2d4-1b6e-476f-995c-ddcbe91b4cc1",{"directus_files_id":426},{"id":427},"c95bf6ff-301e-4a1c-bfc4-34cb57b33643",{"directus_files_id":429},{"id":430},"26c47bc9-3673-4be0-975b-be3dfef5706a",{"directus_files_id":432},{"id":433},"9beda1ef-742c-4e74-8855-72ae00d3d2e6",{"directus_files_id":435},{"id":436},"d7bf0001-4b90-4a24-acdc-e1dbdfe12365",{"directus_files_id":438},{"id":439},"02197631-b4d4-4778-bf6e-715f8b406e03",{"directus_files_id":441},{"id":442},"beea2a51-8408-4377-a75b-c23b7df238d2",{"directus_files_id":444},{"id":445},"3b84954c-61d1-401b-ad3e-19d91a29dd81",[447],{"languages_code":448,"description":449},"en","Conversation Design is an educational and conceptual platform dedicated to exploring the intersection of human interaction and machine intelligence. Through a blend of philosophical inquiry and practical design principles, the site aims to demystify how we create digital experiences that feel natural, helpful, and inherently human.\n\nThe visual identity is strikingly playful and whimsical, utilizing a bright sky-blue palette populated by soft, 3D-rendered clouds. The design leans heavily into bold, oversized typography and speech-bubble-inspired UI elements, creating a metaphoric 'cloud' environment that mirrors the ethereal and evolving nature of conversational AI. It is a highly stylized, modern digital experience designed for designers, technologists, and UX enthusiasts.","Education & Courses",[452,453,454,33],"3D \u002F Spatial","Clean \u002F Minimalist","Fun \u002F Playful",[456],"Chi Quach",[273,458],"Apfel Grotezk",[],[461,115,99,111],"teal","Website: Conversation Design. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Conversation Design. Page description: Made with Framer. Page content: conversation design the discipline of creating interactions between humans and machines that feel natural, helpful, and—most importantly—human. Dada Babies begin with a single sound. Through imitation, those sounds become sentences; sentences become stories. As we grow, we specialize: a developer learns the logic of Python; a doctor masters the complex dialect of biology; and for us designers, we adopt the visual syntax of the screen. We spend our lives layering systems on top of our natural speech. moving further away from the raw simplicity of our first words But now, we’re at a turning point. The idea of teaching machines to talk the way we talk is inspiring us, as designers, to unlearn the rigid behavioral patterns we’ve built over decades of clicking Buttons and dragging Sliders . We are in a race to build the next great interface, yet the \"interface\" itself is becoming invisible To understand this shift, we need to look back at how we connect fixed context For thousands of years, the \"interface\" was static; the human brain did 100% of the processing while the media stayed put. Oral tradition ~50,000 BCE The primal baseline. Before screens, knowledge lived in the rhythm of the spoken word, relying on memory and real-time social feedback to survive. oral tradition Written language ~3200 BCE By moving from sound to symbols, we learned to decouple information from the presence of a speaker, allowing ideas to travel across time. written language Printing press 1440 This milestone enabled a single voice to reach thousands, standardizing language but making communication static and one-way. printing press rigid logic We introduced a Logic Gate between two people. In this wave, interaction was governed by a strict \"if-this-then-that\" decision tree; if you didn't follow the machine's specific path (like waiting for a beep or pressing a number), the conversation simply died. Telephone 1876 The return of synchronous voice through a wire. It introduced strict mechanical protocols and \"logic gates\" to digital exchange. telephone Email 1876 The digital evolution of the letter. It introduced asynchronous threading, teaching us to organize conversations into subject lines and archived data. email intent mapping The \"Chatbot Boom\" moved us from following lines to guessing needs. Instead of a rigid script, designers built \"intent buckets,\" teaching the machine to calculate the probability of what a user wanted from a fragment of text. We stopped drawing flowcharts and started training models to recognize patterns. Email 1876 The digital evolution of the letter. It introduced asynchronous threading, teaching us to organize conversations into subject lines and archived data. email SMS & chat 1992 The digital evolution of the letter. It introduced asynchronous threading, teaching us to organize conversations into subject lines and archived data. texting \u002F sms Virtual assistant 2011 The peak of the intent era. Siri, Alexa, Google Assistant, Cortana, and Bixby taught us to talk to our devices using massive libraries of pre-defined \"Intents\" to process our speech. virtual assistants agency AI In 2026, we’ve moved past \"guessing\" and into real-time reasoning and autonomy. We no longer write responses; we orchestrate AI Agents that use tools, maintain long-term memory, and take independent action to achieve a user's goal. We have finally designed a machine that can join the \"Invisible Dance\" of natural human talk. Generative AI 2022 Now, the machine is a reasoning participant that synthesizes and responds in real-time. We’ve moved past static scripts to design the \"invisible dance\" between human context and machine intelligence. generative Agentic AI 2024 The leap from talking to doing. These systems don't just process words; they use tools to execute multi-step tasks autonomously. AI agents The new era is about teaching machines to speak 'human. ![](https:\u002F\u002Ffr …. A 3D \u002F Spatial, Clean \u002F Minimalist, Fun \u002F Playful, Typographic \u002F Big Type website in the Education & Courses industry. The overall color palette features Teal, White, Black, Gray. The typography features Inter (Sans Serif), Apfel Grotezk (Sans Serif, Collletttivo). AI description: Conversation Design is an educational and conceptual platform dedicated to exploring the intersection of human interaction and machine intelligence. Through a blend of philosophical inquiry and practical design principles, the site aims to demystify how we create digital experiences that feel natural, helpful, and inherently human. The visual identity is strikingly playful and whimsical, utilizing a bright sky-blue palette populated by soft, 3D-rendered clouds. The design leans heavily into bold, oversized typography and speech-bubble-inspired UI elements, creating a metaphoric 'cloud' environment that mirrors the ethereal and evolving nature of conversational AI. It is a highly stylized, modern digital experience designed for designers, technologists, and UX enthusiasts.",{"id":464,"website_id":465,"page_id":464,"name":466,"slug":467,"url":468,"website_name":466,"website_slug":467,"website_url":469,"result_url":468,"fetched_at":470,"score":342,"score_boost":341,"ai_score":342,"freshness_score":471,"scored_at":472,"page_name":46,"page_url":468,"page_title":473,"page_description":474,"page_content":475,"page_sort":341,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":53,"cover":476,"cover_mobile":479,"cover_sequence":481,"translations":536,"industry":539,"styles":540,"credits":541,"font_families":542,"technologies":544,"pagespeed":546,"pagespeed_mobile":553,"buckets":559,"search_payload":562},"c58c56db-4f12-444b-a56f-85a2c8093cb4","e92bfe5f-6c3a-4f38-a882-604762bd8966","Feedback Fish","feedback-fish","https:\u002F\u002Ffeedback.fish\u002F","https:\u002F\u002Ffeedback.fish","2026-05-24T21:44:34.000Z",1779659074,"2026-05-24T21:46:07.000Z","Feedback Fish: Collect feedback. Make your customers happy.","Collect issues, ideas and complements with a simple widget. Integrate it in minutes.","Get feedback. Make your customers happy. Collect issues, ideas and compliments with a simple widget. Receive them as email. Dive deep with the dashboard. Get started for freeNo credit card · No time limit Watch the demo 15sWatch demo (15s) Meet the widget It's friendly, fast and lightweight. Easy to Integrate Less than 5 lines of code. Choose a button and we'll make it collect feedback. 1\u003C!--HTML--> 2\u003Cscriptsrc\\=\"https:\u002F\u002Ffeedback.fish\u002Fff.js?pid=...\"defer\\>\u003C\u002Fscript\\> 3\u003Cbuttondata-feedback-fish\\> 4Give Feedback 5\u003C\u002Fbutton\\> 6 1\u002F\u002F React 2import{FeedbackForm}from'feedback-fish' 3\u003CFeedbackForm 4triggerComponent\\={Button} 5projectId\\={...} 6\u002F> User Identification Reply to your customers by attaching their email address. Learn more More than 40 languages We speak the same language as your users. The widget automatically adapts. Learn more One-click Screenshots See what your users see with screenshots. Device information is automatically attached. Learn more Team Friendly Bring your team on the same page. Give your colleagues access to your feedback. Learn more Pricing Simple widget, even simpler pricing. Free Perfect to start collecting feedback for your app 25 total feedback submissions Get started $19 \u002Fmonth Suitable for production applications and websites of all sizes Unlimited feedback submissions Get started Enterprise Talk to us about your custom needs Whitelabeling Service-level agreements Live chat support Contact us Ready for your users to get heard? Get started for free",{"id":477,"height":13,"width":12,"blurhash":478},"563f552a-57e1-46cf-b865-1a70bb000be3","radial-gradient(at 0 0,#fef9fc,#00000000 50%),radial-gradient(at 33% 0,#ffffff,#00000000 50%),radial-gradient(at 67% 0,#f8f4f8,#00000000 50%),radial-gradient(at 100% 0,#ebe0ef,#00000000 50%),radial-gradient(at 0 50%,#e9e8ed,#00000000 50%),radial-gradient(at 33% 50%,#eff2f1,#00000000 50%),radial-gradient(at 67% 50%,#ebebf2,#00000000 50%),radial-gradient(at 100% 50%,#e1ddeb,#00000000 50%),radial-gradient(at 0 100%,#fbfbff,#00000000 50%),radial-gradient(at 33% 100%,#ffffff,#00000000 50%),radial-gradient(at 67% 100%,#ffffff,#00000000 50%),radial-gradient(at 100% 100%,#fcfaff,#00000000 50%)",{"id":480,"height":15,"width":14,"blurhash":60},"49e80a00-1a00-47db-98f6-8daa8c4152e4",[482,485,488,491,494,497,500,503,506,509,512,515,518,521,524,527,530,533],{"directus_files_id":483},{"id":484},"0993cf78-66bd-43ed-b083-a21f6d04f36b",{"directus_files_id":486},{"id":487},"0571a1d8-7439-451f-bf87-032248a5910b",{"directus_files_id":489},{"id":490},"f731a818-d3b4-48f5-8306-901d8117356a",{"directus_files_id":492},{"id":493},"44f675ce-7dd6-4356-b654-5bdf6c2921a0",{"directus_files_id":495},{"id":496},"36b4523a-f51a-48b5-bdad-478078fcff85",{"directus_files_id":498},{"id":499},"a6015fca-abcb-412d-b4c0-0c5e33cd16cd",{"directus_files_id":501},{"id":502},"36d93587-732f-4321-b822-c7332d37940b",{"directus_files_id":504},{"id":505},"5fa00901-4aa5-43da-bdd7-59df13564460",{"directus_files_id":507},{"id":508},"8c64f7ff-1650-4ab5-bac8-776d6454e740",{"directus_files_id":510},{"id":511},"d04ba166-4a68-411c-8acd-d26cfa09d8d7",{"directus_files_id":513},{"id":514},"a8ede765-4fc7-4f43-bcd3-b34379ff6477",{"directus_files_id":516},{"id":517},"7c3ccb52-e9fa-4e9c-b59b-eea82cb4c93f",{"directus_files_id":519},{"id":520},"cd8033a5-06a6-4d66-95f5-42fc48e3ce98",{"directus_files_id":522},{"id":523},"9681000d-e3d7-4bc1-b435-c0c3ce82feb7",{"directus_files_id":525},{"id":526},"85d6770b-9a49-4d79-b779-05093420ec18",{"directus_files_id":528},{"id":529},"ddf4089d-bf10-4da2-b7e8-47c165c2d141",{"directus_files_id":531},{"id":532},"49d1216d-e342-4899-9f64-20605be5c81c",{"directus_files_id":534},{"id":535},"ff2243cf-d4f8-479a-a19a-5656ea454557",[537],{"languages_code":448,"description":538},"Feedback Fish is a streamlined SaaS solution designed to bridge the communication gap between product teams and their users. Through a lightweight, easy-to-integrate widget, the platform enables businesses to capture user issues, feature requests, and compliments directly, funneling them into a centralized dashboard or email. It is built for speed and simplicity, targeting developers and product managers who need a low-friction way to listen to their audience without complex setups.\n\nThe visual identity is unapologetically playful and modern, utilizing a vibrant palette of electric blue and bright orange set against a clean, expansive white canvas. The design leans heavily into geometric abstraction, using a series of overlapping circles and semi-circles to create a sense of movement and friendliness. This approach, combined with bold, high-contrast typography and soft-edged UI elements, positions the brand as an approachable, user-centric tool that avoids the sterile stiffness often found in enterprise software.","SaaS & Software",[453,454,37],[],[275,543],"Source Code",[545,251],"Gatsby",[547,549,550,552],{"score":548,"category":81},99,{"score":147,"category":84},{"score":551,"category":87},96,{"score":191,"category":90},[554,555,557,558],{"score":340,"category":81},{"score":556,"category":84},71,{"score":551,"category":87},{"score":191,"category":90},[115,111,560,561,99,103],"blue","orange","Website: Feedback Fish. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Feedback Fish: Collect feedback. Make your customers happy.. Page description: Collect issues, ideas and complements with a simple widget. Integrate it in minutes.. Page content: Get feedback. Make your customers happy. Collect issues, ideas and compliments with a simple widget. Receive them as email. Dive deep with the dashboard. Get started for freeNo credit card · No time limit Watch the demo 15sWatch demo (15s) Meet the widget It's friendly, fast and lightweight. Easy to Integrate Less than 5 lines of code. Choose a button and we'll make it collect feedback. 1\u003C!--HTML--> 2\u003Cscriptsrc\\=\"https:\u002F\u002Ffeedback.fish\u002Fff.js?pid=...\"defer\\>\u003C\u002Fscript\\> 3\u003Cbuttondata-feedback-fish\\> 4Give Feedback 5\u003C\u002Fbutton\\> 6 1\u002F\u002F React 2import{FeedbackForm}from'feedback-fish' 3\u003CFeedbackForm 4triggerComponent\\={Button} 5projectId\\={...} 6\u002F> User Identification Reply to your customers by attaching their email address. Learn more More than 40 languages We speak the same language as your users. The widget automatically adapts. Learn more One-click Screenshots See what your users see with screenshots. Device information is automatically attached. Learn more Team Friendly Bring your team on the same page. Give your colleagues access to your feedback. Learn more Pricing Simple widget, even simpler pricing. Free Perfect to start collecting feedback for your app 25 total feedback submissions Get started $19 \u002Fmonth Suitable for production applications and websites of all sizes Unlimited feedback submissions Get started Enterprise Talk to us about your custom needs Whitelabeling Service-level agreements Live chat support Contact us Ready for your users to get heard? Get started for free. A Clean \u002F Minimalist, Fun \u002F Playful, Vibrant \u002F Colorful website in the SaaS & Software industry. The overall color palette features White, Gray, Blue, Orange, Black, Red. The typography features Roboto (Sans Serif), Source Code (Sans Serif). Built using Gatsby, React. AI description: Feedback Fish is a streamlined SaaS solution designed to bridge the communication gap between product teams and their users. Through a lightweight, easy-to-integrate widget, the platform enables businesses to capture user issues, feature requests, and compliments directly, funneling them into a centralized dashboard or email. It is built for speed and simplicity, targeting developers and product managers who need a low-friction way to listen to their audience without complex setups. The visual identity is unapologetically playful and modern, utilizing a vibrant palette of electric blue and bright orange set against a clean, expansive white canvas. The design leans heavily into geometric abstraction, using a series of overlapping circles and semi-circles to create a sense of movement and friendliness. This approach, combined with bold, high-contrast typography and soft-edged UI elements, positions the brand as an approachable, user-centric tool that avoids the sterile stiffness often found in enterprise software.",{"id":564,"website_id":565,"page_id":564,"name":566,"slug":567,"url":568,"website_name":566,"website_slug":567,"website_url":569,"result_url":568,"fetched_at":570,"score":168,"score_boost":341,"ai_score":202,"freshness_score":571,"scored_at":572,"page_name":46,"page_url":568,"page_title":573,"page_description":574,"page_content":575,"page_sort":341,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":53,"cover":576,"cover_mobile":579,"cover_sequence":581,"translations":672,"industry":21,"styles":675,"credits":676,"font_families":677,"technologies":678,"pagespeed":680,"pagespeed_mobile":686,"buckets":691,"search_payload":693},"0a7aaffb-c649-4720-b107-65d9e763f73c","f917c273-238b-49b6-8a8e-6db46b50e74c","Google Design","google-design","https:\u002F\u002Fdesign.google\u002F","https:\u002F\u002Fdesign.google","2026-05-04T00:00:08.000Z",74,"2026-05-23T19:21:33.000Z","Google Design - Discover the people and stories behind the products","Design resources and inspiration from Google — including the Material Design system, Google Fonts, and the people and processes behind the products.","Designing for Transparent Screens Behind the scenes of Jetpack Compose Glimmer, our new design system for display AI glasses Point-of-view montage of transparent UI on XR glasses: a message, hiking stats, bird ID, and a scrolling calendar. Sorry, your browser doesn’t support embedded videos. Illustrating the Gemini App How dynamic cues help users discover, learn, and master our AI assistant’s evolving features. Sorry, your browser doesn’t support embedded videos. Recent Making Google Sans Flex How seven design problems shaped Google’s iconic typeface — from inception to going open source. - Spotlight - Typography True Design Is Better Than New Design David Reinfurt discusses how individual perspective is the real driver of a design practice. - Podcasts - Podcasts Unboxing a New Collaboration If hardware and software can work together, so can their teams - Conversations - Material Design UX Design as Dance Theater Just like dance, great product design thrives on iteration, collaboration, and attention to detail - Perspectives - UX When Brand Fonts are Open Source Discover why brands from IBM to Github open up their fonts to everyone, and how you can reap the rewards. - Perspectives - Typography Inside M3 Expressive Go behind the scenes with product, research, and design - Podcasts - Material Design Typography Neon, Prism, Tilt Go way beyond Italic with new font axes - Guides - Typography Glacial Melt Raising climate change awareness through dynamic type - Guides - Typography The Dancing Font from Outer Space The animated variable font Kablammo has landed on planet Earth - Guides - Typography UX Geek Chic UX insights on designing simple, accessible interfaces for teaching computers - Perspectives - UX Designing for Global Accessibility: Part 1 Nithya Sambasivan and Astrid Weber suggest checking assumptions about users - Perspectives - UX Refreshing Chrome The Chrome team has been updating the browser’s design ever since it launched in 2008 - Spotlight - UX Guides Simulating Intelligence Techniques for prototyping machine learning systems across products - Guides - AI It’s a Marathon Best practices for planning design sprints - Guides - Career How to Choose a Web Font Take the mystery out of font selection with our step-by-step guide - Guides - Typography Archive - [ ### Designing for Transparent Screens Behind the scenes of Jetpack Compose Glimmer, our new design system for display AI glasses ](\u002Flibrary\u002Ftransparent-screens) SpotlightUX [ ](\u002Flibrary\u002Ftransparent-screens) - [ ### Illustrating the Gemini App How dynamic cues help users discover, learn, and master our AI assistant’s evolving features ](\u002Flibrary\u002Fgemini-ai-visual-design) SpotlightAI [ ](\u002Flibrary\u002Fgemini-ai-visual-design) - [ ### Making Google Sans Flex How seven design problems shaped Google’s iconic typeface — from inception to going open source ](\u002Flibrary\u002Fgoogle-sans-flex-font) SpotlightTypography [ ](\u002Flibrary\u002Fgoogle-sans-flex-font) - [ ### True Design Is Better Than New Design David Reinfurt discusses how individual perspective is the real driver of a design practice. ](\u002Flibrary\u002Fdavid-reinfurt-teaches-design) PodcastsPodcasts [ ](\u002Flibrary\u002Fdavid-reinfurt-teaches-design) - [ ### Unboxing a New Collaboration If hardware and software can work together, so can their teams ](\u002Flibrary\u002Fhardware-and-software-can-work-together) ConversationsMaterial Design [ ](\u002Flibrary\u002Fhardware-and-software-can-work-together) - [ ### UX Design as Dance Theater Just like dance, great product design thrives on iteration, collaboration, and attention to detail ](\u002Flibrary\u002Fux-design-system-dance) PerspectivesUX [ ](\u002Flibrary\u002Fux-design-system-dance) - [ ### When Brand Fonts are Open Source Discover why brands from IBM to Github open up their fonts to everyone, and how you can reap the rewards. ](\u002Flibrary\u002Fopen-source-custom-fonts-google) PerspectivesTypography [ ](\u002Flibrary\u002Fopen-source-custom-fonts-google) - [ ### Inside M3 Expressive Go behind the scenes with product, research, and design. ](\u002Flibrary\u002Fdesign-notes-material-3-expressive-liam-spradlin) PodcastsMaterial Design [ ](\u002Flibrary\u002Fdesign-notes-material-3-expressive-liam-spradlin) - [ ### Better, Easier, Emotional UX The research behind Google’s bold new direction for design ](\u002Flibrary\u002Fexpressive-material-design-google-research) PerspectivesUX [ ](\u002Flibrary\u002Fexpressive-material-design-google-research) - [ ### Rethinking Color Theory How to balance the emotional and rational to create powerful palettes ](\u002Flibrary\u002Fcolor-theory-ruxandra-duru) PerspectivesUX [ ](\u002Flibrary\u002Fcolor-theory-ruxandra-duru)",{"id":577,"height":13,"width":12,"blurhash":578},"1c654e0e-cb73-4cf8-ae24-c22b7a89849f","radial-gradient(at 0 0,#3a342f,#00000000 50%),radial-gradient(at 33% 0,#000000,#00000000 50%),radial-gradient(at 67% 0,#362c27,#00000000 50%),radial-gradient(at 100% 0,#4f443f,#00000000 50%),radial-gradient(at 0 50%,#4a4b4b,#00000000 50%),radial-gradient(at 33% 50%,#37393f,#00000000 50%),radial-gradient(at 67% 50%,#27261c,#00000000 50%),radial-gradient(at 100% 50%,#2d2c00,#00000000 50%),radial-gradient(at 0 100%,#736e6c,#00000000 50%),radial-gradient(at 33% 100%,#3c4042,#00000000 50%),radial-gradient(at 67% 100%,#665b55,#00000000 50%),radial-gradient(at 100% 100%,#827469,#00000000 50%)",{"id":580,"height":15,"width":14,"blurhash":60},"2bc81724-bd2b-4e76-8eba-f0d7f2997ce7",[582,585,588,591,594,597,600,603,606,609,612,615,618,621,624,627,630,633,636,639,642,645,648,651,654,657,660,663,666,669],{"directus_files_id":583},{"id":584},"57811672-84bc-4c1a-ba2d-bde31ef5f99f",{"directus_files_id":586},{"id":587},"ff424953-4161-4dbd-9acd-02c128141aa5",{"directus_files_id":589},{"id":590},"25a2339f-b040-4b2d-9356-d4d6b3880919",{"directus_files_id":592},{"id":593},"de3a941a-652d-4c73-ab64-5ce5ee9f7362",{"directus_files_id":595},{"id":596},"8c2d61b8-bd3c-4725-b76e-5bbddc6d0bc2",{"directus_files_id":598},{"id":599},"ddd027b7-d9c3-4f48-8f78-03420cc0ecf8",{"directus_files_id":601},{"id":602},"6c6a003c-9eec-47af-84cc-6898377df292",{"directus_files_id":604},{"id":605},"fc6215f7-bfce-4f8c-9660-94468a799531",{"directus_files_id":607},{"id":608},"acd837a9-8e77-4af9-b6af-1de4052c92cf",{"directus_files_id":610},{"id":611},"71f53636-5e9b-4628-b704-31bac22ff5c8",{"directus_files_id":613},{"id":614},"542139a8-8671-49a2-a7d1-610024ba6e48",{"directus_files_id":616},{"id":617},"4ee31258-9f44-4e50-a0be-57e09d309a5d",{"directus_files_id":619},{"id":620},"cf81b367-1a34-4a7e-a083-9dc90a930864",{"directus_files_id":622},{"id":623},"8a411b54-7b1c-4adc-9e7f-e99ffecb52e7",{"directus_files_id":625},{"id":626},"06a08824-b7ad-41c5-9a7a-3ad40a55fe02",{"directus_files_id":628},{"id":629},"9df563d2-33de-4035-9219-f1b1ef827333",{"directus_files_id":631},{"id":632},"f7fc8eaa-cfe5-4161-bfdc-3fcdafe3b688",{"directus_files_id":634},{"id":635},"3798b2fc-5da3-4020-a37f-18486174c13a",{"directus_files_id":637},{"id":638},"0c5b7ea8-1c8b-4790-bd27-6000ecc7e45a",{"directus_files_id":640},{"id":641},"50a9269f-c858-4aee-ac48-d4b3afa59fd0",{"directus_files_id":643},{"id":644},"4e995802-09b9-4636-b7c0-557c73d627e8",{"directus_files_id":646},{"id":647},"109889eb-09a7-49d6-b73f-1ee693b7f8d6",{"directus_files_id":649},{"id":650},"84f461d7-a936-40f4-b572-c5d1f3081398",{"directus_files_id":652},{"id":653},"19553edb-6bdf-416a-95f2-65313bd5cb7c",{"directus_files_id":655},{"id":656},"fa2da8f0-e88d-431f-bda1-259cbd90304c",{"directus_files_id":658},{"id":659},"698a5dff-e995-432c-9ef3-f73c45e83cfc",{"directus_files_id":661},{"id":662},"e709ea7b-97f7-48c6-9883-eddaa2ebd4f0",{"directus_files_id":664},{"id":665},"1f589007-7ffc-40b5-8f52-80a1d5a1a916",{"directus_files_id":667},{"id":668},"189a0d04-c8d9-4004-b1f9-73ba37bffbdb",{"directus_files_id":670},{"id":671},"547a83c6-7ee3-48c5-9657-3be711b03066",[673],{"languages_code":448,"description":674},"Google Design serves as a premier editorial hub and resource center dedicated to the intersection of technology, creativity, and human-centric design. It functions as both a storytelling platform, showcasing the intricate processes behind Google's most innovative products, and a practical toolkit for the global design community, offering access to foundational systems like Material Design and Google Fonts.\n\nThe visual identity is sophisticated and high-contrast, utilizing a dark mode aesthetic that allows vibrant imagery and bold typography to command attention. The design language is characterized by a clean, modular grid and an emphasis on large, expressive typefaces, creating a professional yet inspiring atmosphere. It speaks directly to a sophisticated audience of product designers, developers, and creative technologists who value both aesthetic excellence and functional rigor.",[453,26,33],[],[275,275],[679,255,250,251],"Google Cloud",[681,683,684,685],{"score":682,"category":81},77,{"score":88,"category":84},{"score":88,"category":87},{"score":88,"category":90},[687,688,689,690],{"score":203,"category":81},{"score":88,"category":84},{"score":88,"category":87},{"score":88,"category":90},[99,692,111,115],"brown","Website: Google Design. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Google Design - Discover the people and stories behind the products. Page description: Design resources and inspiration from Google — including the Material Design system, Google Fonts, and the people and processes behind the products.. Page content: Designing for Transparent Screens Behind the scenes of Jetpack Compose Glimmer, our new design system for display AI glasses Point-of-view montage of transparent UI on XR glasses: a message, hiking stats, bird ID, and a scrolling calendar. Sorry, your browser doesn’t support embedded videos. Illustrating the Gemini App How dynamic cues help users discover, learn, and master our AI assistant’s evolving features. Sorry, your browser doesn’t support embedded videos. Recent Making Google Sans Flex How seven design problems shaped Google’s iconic typeface — from inception to going open source. - Spotlight - Typography True Design Is Better Than New Design David Reinfurt discusses how individual perspective is the real driver of a design practice. - Podcasts - Podcasts Unboxing a New Collaboration If hardware and software can work together, so can their teams - Conversations - Material Design UX Design as Dance Theater Just like dance, great product design thrives on iteration, collaboration, and attention to detail - Perspectives - UX When Brand Fonts are Open Source Discover why brands from IBM to Github open up their fonts to everyone, and how you can reap the rewards. - Perspectives - Typography Inside M3 Expressive Go behind the scenes with product, research, and design - Podcasts - Material Design Typography Neon, Prism, Tilt Go way beyond Italic with new font axes - Guides - Typography Glacial Melt Raising climate change awareness through dynamic type - Guides - Typography The Dancing Font from Outer Space The animated variable font Kablammo has landed on planet Earth - Guides - Typography UX Geek Chic UX insights on designing simple, accessible interfaces for teaching computers - Perspectives - UX Designing for Global Accessibility: Part 1 Nithya Sambasivan and Astrid Weber suggest checking assumptions about users - Perspectives - UX Refreshing Chrome The Chrome team has been updating the browser’s design ever since it launched in 2008 - Spotlight - UX Guides Simulating Intelligence Techniques for prototyping machine learning systems across products - Guides - AI It’s a Marathon Best practices for planning design sprints - Guides - Career How to Choose a Web Font Take the mystery out of font selection with our step-by-step guide - Guides - Typography Archive - [ ### Designing for Transparent Screens Behind the scenes of Jetpack Compose Glimmer, our new design system for display AI glasses ](\u002Flibrary\u002Ftransparent-screens) SpotlightUX [ ](\u002Flibrary\u002Ftransparent-screens) - [ ### Illustrating the Gemini App How dynamic cues help users discover, learn, and master our AI assistant’s evolving features ](\u002Flibrary\u002Fgemini-ai-visual-design) SpotlightAI [ ](\u002Flibrary\u002Fgemini-ai-visual-design) - [ ### Making Google Sans Flex How seven design problems shaped Google’s iconic typeface — from inception to going open source ](\u002Flibrary\u002Fgoogle-sans-flex-font) SpotlightTypography [ ](\u002Flibrary\u002Fgoogle-sans-flex-font) - [ ### True Design Is Better Than New Design David Reinfurt discusses how individual perspective is the real driver of a design practice. ](\u002Flibrary\u002Fdavid-reinfurt-teaches-design) PodcastsPodcasts [ ](\u002Flibrary\u002Fdavid-reinfurt-teaches-design) - [ ### Unboxing a New Collaboration If hardware and software can work together, so can their teams ](\u002Flibrary\u002Fhardware-and-software-can-work-together) ConversationsMaterial Design [ ](\u002Flibrary\u002Fhardware-and-software-can-work-together) - [ ### UX Design as Dance Theater Just like dance, great product design thrives on iteration, collaboration, and attention to detail ](\u002Flibrary\u002Fux-design-system-dance) PerspectivesUX [ ](\u002Flibrary\u002Fux-design-system-dance) - [ ### When Brand Fonts are Open Source Discover why brands from IBM to Github open up their fonts to everyone, and how you can reap the rewards. ](\u002Flibrary\u002Fopen-source-custom-fonts-google) PerspectivesTypography [ ](\u002Flibrary\u002Fopen-source-custom-fonts-google) - [ ### Inside M3 Expressive Go behind the scenes with product, research, and design. ](\u002Flibrary\u002Fdesign-notes-material-3-expressive-liam-spradlin) PodcastsMaterial Design [ ](\u002Flibrary\u002Fdesign-notes-material-3-expressive-liam-spradlin) - [ ### Better, Easier, Emotional UX The research behind Google’s bold new direction for design ](\u002Flibrary\u002Fexpressive-material-design-google-research) PerspectivesUX [ ](\u002Flibrary\u002Fexpressive-material-design-google-research) - [ ### Rethinking Color Theory How to balance the emotional and rational to create powerful palettes ](\u002Flibrary\u002Fcolor-theory-ruxandra-duru) PerspectivesUX [ ](\u002Flibrary\u002Fcolor-theory-ruxandra-duru). A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Technology & Hardware industry. The overall color palette features Black, Brown, Gray, White. The typography features Roboto (Sans Serif), Roboto (Sans Serif). Built using Google Cloud, Next.js, Node.js, React. AI description: Google Design serves as a premier editorial hub and resource center dedicated to the intersection of technology, creativity, and human-centric design. It functions as both a storytelling platform, showcasing the intricate processes behind Google's most innovative products, and a practical toolkit for the global design community, offering access to foundational systems like Material Design and Google Fonts. The visual identity is sophisticated and high-contrast, utilizing a dark mode aesthetic that allows vibrant imagery and bold typography to command attention. The design language is characterized by a clean, modular grid and an emphasis on large, expressive typefaces, creating a professional yet inspiring atmosphere. It speaks directly to a sophisticated audience of product designers, developers, and creative technologists who value both aesthetic excellence and functional rigor.",{"id":695,"website_id":696,"page_id":695,"name":697,"slug":698,"url":699,"website_name":697,"website_slug":698,"website_url":700,"result_url":699,"fetched_at":701,"score":702,"score_boost":341,"ai_score":702,"freshness_score":703,"scored_at":704,"page_name":46,"page_url":699,"page_title":705,"page_description":706,"page_content":707,"page_sort":341,"is_home":347,"is_home_rank":348,"page_type_id":349,"page_type_name":53,"cover":708,"cover_mobile":711,"cover_sequence":713,"translations":765,"industry":21,"styles":768,"credits":771,"font_families":772,"technologies":773,"pagespeed":774,"pagespeed_mobile":779,"buckets":786,"search_payload":787},"86ade507-1ccd-4c65-b2c5-8e0c4910e790","e0d60789-6a12-4fe1-a387-9b03435a577f","Vifa","vifa","https:\u002F\u002Fvifa.dk\u002F","https:\u002F\u002Fvifa.dk","2026-05-24T20:03:52.000Z",84,1779653032,"2026-05-24T20:04:16.000Z","VIFA | The Authentic Sound","wireless speaker","SHOW NOW SHOW NOW SHOW NOW SHOW NOW Go to item 1 Go to item 2 Go to item 3 Go to item 4 TIMELESS SOUND EXPERIENCE Our products are for anyone who values exclusive design just as much as great sound. The Nordic design is a distinct characteristic of Vifa audio products. Portable Wireless WIFI Bluetooth Loudspeakers [ HELSINKI View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Fhelsinki)[ COPENHAGEN 2.0 View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Fcopenhagen-2-0)[ OSLO View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Foslo)[ REYKJAVIK 2.0 View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Freykjavik)[ CITY View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Fvifa-city)[ STOCKHOLM 2.0 View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Fstockholm-2-0) inspired by nature, made by man VIFA REYKJAVIK Play video VIFA CUSTOMER SERVICE - FAQ - SUPPORT - HOW TO USE VIDEOS - STORE LOCATOR WEBSHOP POLICIES - WARRANTY - REFUND - PRIVACY - SECURITY VIFA-THE COMPANY - ABOUT US - VIFA SOUND - CONTACT - CO-BRANDING - - - - - © 2026 - vifa Powered by Shopify",{"id":709,"height":13,"width":12,"blurhash":710},"c6e13820-7297-49a8-b682-5c378e9ddbd7","radial-gradient(at 0 0,#7e7e85,#00000000 50%),radial-gradient(at 33% 0,#aca9a7,#00000000 50%),radial-gradient(at 67% 0,#b7b1a9,#00000000 50%),radial-gradient(at 100% 0,#878381,#00000000 50%),radial-gradient(at 0 50%,#7d7f6d,#00000000 50%),radial-gradient(at 33% 50%,#a7a493,#00000000 50%),radial-gradient(at 67% 50%,#ada691,#00000000 50%),radial-gradient(at 100% 50%,#7f7a64,#00000000 50%),radial-gradient(at 0 100%,#958c95,#00000000 50%),radial-gradient(at 33% 100%,#9a9698,#00000000 50%),radial-gradient(at 67% 100%,#9fa09a,#00000000 50%),radial-gradient(at 100% 100%,#9c9893,#00000000 50%)",{"id":712,"height":15,"width":14,"blurhash":60},"37324ed2-e65e-4cde-bcc5-a85c23ad14b2",[714,717,720,723,726,729,732,735,738,741,744,747,750,753,756,759,762],{"directus_files_id":715},{"id":716},"9125b76d-8e98-44ce-a8ea-c410baca57d5",{"directus_files_id":718},{"id":719},"81c9b1af-08ae-4035-937b-18fb334977d7",{"directus_files_id":721},{"id":722},"7d249966-ae3b-411f-9625-9a25c1b68d99",{"directus_files_id":724},{"id":725},"b5322dbd-7791-4560-9a75-73bbb6eec4c7",{"directus_files_id":727},{"id":728},"5125205c-2a62-4f6a-b87e-b070e2d86256",{"directus_files_id":730},{"id":731},"1b0560ab-54fb-48b5-92a8-7d6793a14035",{"directus_files_id":733},{"id":734},"a97b26bb-491e-4209-af47-80d4c3fc8ae2",{"directus_files_id":736},{"id":737},"dd1e06e6-83ed-4321-8029-9325e6b6c34b",{"directus_files_id":739},{"id":740},"4fbbc3ad-bdad-420b-bc64-cf400bc14d01",{"directus_files_id":742},{"id":743},"37c106ad-aca3-42a1-be30-0b1dd6012a7e",{"directus_files_id":745},{"id":746},"6e611455-1d61-4718-8301-35e14d61cc5e",{"directus_files_id":748},{"id":749},"6b47ec22-e40d-435e-b88e-9bbefe7e3831",{"directus_files_id":751},{"id":752},"f684e89c-cd50-43ec-b70d-a78b0c146499",{"directus_files_id":754},{"id":755},"87fd1892-32fb-4c0f-a5a7-0d994ae4ca54",{"directus_files_id":757},{"id":758},"54aa586f-8441-48dd-8d2f-6eb54f71d2d6",{"directus_files_id":760},{"id":761},"5a31d82b-2bbb-4256-8cac-8e4b8c740eb6",{"directus_files_id":763},{"id":764},"9c0bc698-c484-42ca-9249-49e6770b9f72",[766],{"languages_code":448,"description":767},"Vifa is a premium audio brand that merges high-fidelity sound engineering with sophisticated Nordic design. The website serves as a digital showroom for their collection of wireless speakers, emphasizing the tactile beauty of materials like vegetable-tanned leather and high-quality textiles. It is designed to bridge the gap between consumer electronics and luxury lifestyle accessories.\n\nThe visual identity is rooted in a clean, minimalist aesthetic that exudes quiet luxury. Through the use of expansive whitespace, soft natural lighting in product photography, and a muted, earthy color palette, the site communicates a sense of timelessness and craftsmanship. The typography is understated yet authoritative, catering to a discerning audience of design enthusiasts and audiophiles who value both form and function.",[453,769,770],"High-End \u002F Luxury","Monochrome \u002F Grayscale",[],[],[256,254,261],[775,776,777,778],{"score":192,"category":81},{"score":82,"category":84},{"score":682,"category":87},{"score":88,"category":90},[780,782,783,785],{"score":781,"category":81},63,{"score":82,"category":84},{"score":784,"category":87},73,{"score":88,"category":90},[115,99,111],"Website: Vifa. Page: Homepage. Page type: Home \u002F Landing Page. Page title: VIFA | The Authentic Sound. Page description: wireless speaker. Page content: SHOW NOW SHOW NOW SHOW NOW SHOW NOW Go to item 1 Go to item 2 Go to item 3 Go to item 4 TIMELESS SOUND EXPERIENCE Our products are for anyone who values exclusive design just as much as great sound. The Nordic design is a distinct characteristic of Vifa audio products. Portable Wireless WIFI Bluetooth Loudspeakers [ HELSINKI View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Fhelsinki)[ COPENHAGEN 2.0 View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Fcopenhagen-2-0)[ OSLO View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Foslo)[ REYKJAVIK 2.0 View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Freykjavik)[ CITY View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Fvifa-city)[ STOCKHOLM 2.0 View products ](https:\u002F\u002Fwww.vifa.dk\u002Fpages\u002Fstockholm-2-0) inspired by nature, made by man VIFA REYKJAVIK Play video VIFA CUSTOMER SERVICE - FAQ - SUPPORT - HOW TO USE VIDEOS - STORE LOCATOR WEBSHOP POLICIES - WARRANTY - REFUND - PRIVACY - SECURITY VIFA-THE COMPANY - ABOUT US - VIFA SOUND - CONTACT - CO-BRANDING - - - - - © 2026 - vifa Powered by Shopify. A Clean \u002F Minimalist, High-End \u002F Luxury, Monochrome \u002F Grayscale website in the Technology & Hardware industry. The overall color palette features White, Black, Gray. Built using Klaviyo, Shopify, YouTube. AI description: Vifa is a premium audio brand that merges high-fidelity sound engineering with sophisticated Nordic design. The website serves as a digital showroom for their collection of wireless speakers, emphasizing the tactile beauty of materials like vegetable-tanned leather and high-quality textiles. It is designed to bridge the gap between consumer electronics and luxury lifestyle accessories. The visual identity is rooted in a clean, minimalist aesthetic that exudes quiet luxury. Through the use of expansive whitespace, soft natural lighting in product photography, and a muted, earthy color palette, the site communicates a sense of timelessness and craftsmanship. The typography is understated yet authoritative, catering to a discerning audience of design enthusiasts and audiophiles who value both form and function."]