[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-charles-patterson":3,"facets-{\"includeAuthors\":\"false\"}":137,"facets-baseline-false":316,"similar-websites-charles-patterson":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":37,"pages":38,"typefaces":50,"technologiesByCategory":65,"pagespeedDesktop":89,"pagespeedMobile":102,"performanceDesktop":92,"performanceMobile":104,"colorBuckets":109,"colorPalette":118},"f6030548-9c2d-4d29-918f-33199fc9db07","Charles Patterson","charles-patterson","https:\u002F\u002Fcharlespatterson.co","2026-06-25T10:32:41.000Z","2026-05-24T21:44:19.000Z","a1b9def4-5735-4730-b34c-156e932d17c6","1a4e858f-7b7f-4d7a-a5a6-2ca10fccebdc",1440,900,780,1688,"Charles Patterson’s portfolio serves as a high-caliber digital showcase for a principal product designer operating at the highest levels of the tech industry. The site functions as a professional credentials hub, leveraging a prestigious client list—including Microsoft, Spotify, and Nike—to establish immediate authority. It is designed to attract elite recruiters, design leads, and high-end tech collaborators by emphasizing a philosophy of quality, research-driven methodology, and cross-functional excellence.\n\nThe visual identity is defined by a sophisticated, editorial aesthetic that leans heavily into minimalist luxury. Utilizing expansive whitespace, refined serif typography, and a muted, organic color palette, the design communicates a sense of calm professionalism and meticulous attention to detail. The layout avoids the cluttered density typical of many portfolios, opting instead for a rhythmic, spacious flow that mirrors the high-end user experiences the designer creates.",{"title":18,"meta_description":19},"Charles Patterson | Principal Product Designer Portfolio","Portfolio of Charles Patterson, Principal Product Designer at Microsoft. Showcasing expertise in digital product design for brands like Spotify, Nike, and Samsung.",{"name":21,"label":22,"slug":23},"SaaS & Software","Software","software",[25,29,33],{"name":26,"label":27,"slug":28},"High-End \u002F Luxury","Luxury","luxury",{"name":30,"label":31,"slug":32},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":34,"label":35,"slug":36},"Typographic \u002F Big Type","Typographic","typographic",[],[39],{"name":40,"title":41,"description":42,"url":43,"coverId":10,"coverMobileId":11,"alt":44,"altMobile":45,"pageType":46},"Homepage","Charles | Principal Product Designer","Digital product design professional gif maker","https:\u002F\u002Fcharlespatterson.co\u002F","A minimalist portfolio homepage with a clean white background and dark serif typography. The hero section features the name 'Charles Patterson' in large text, followed by a professional bio and a dark 'Get in touch' call-to-action button. A partial view of a digital product interface is visible at the bottom.","The mobile version maintains the minimalist white aesthetic but uses a single-column vertical layout. The text is centered, featuring the designer's name, bio, and a large, prominent 'Get in touch' button above a full-width image of a software interface.",{"name":47,"label":48,"slug":49},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[51,56,59,62],{"name":52,"label":52,"slug":53,"foundryName":54,"isLinkable":55},"Instrument Sans","instrument-sans",null,true,{"name":57,"label":57,"slug":58,"foundryName":54,"isLinkable":55},"Instrument Serif","instrument-serif",{"name":60,"label":60,"slug":61,"foundryName":54,"isLinkable":55},"Inter","inter",{"name":63,"label":63,"slug":64,"foundryName":54,"isLinkable":55},"Manrope","manrope",{"CMS":66,"Page builders":70,"Security":72,"Miscellaneous":77,"CDN":81,"JavaScript frameworks":85},[67],{"name":68,"label":68,"slug":69,"isLinkable":55},"Framer Sites","framer-sites",[71],{"name":68,"label":68,"slug":69,"isLinkable":55},[73],{"name":74,"label":74,"slug":75,"isLinkable":76},"HSTS","hsts",false,[78],{"name":79,"label":79,"slug":80,"isLinkable":76},"HTTP\u002F3","http3",[82],{"name":83,"label":83,"slug":84,"isLinkable":76},"jsDelivr","jsdelivr",[86],{"name":87,"label":87,"slug":88,"isLinkable":55},"React","react",[90,93,96,99],{"category":91,"score":92},"performance",95,{"category":94,"score":95},"accessibility",84,{"category":97,"score":98},"best-practices",96,{"category":100,"score":101},"seo",100,[103,105,107,108],{"category":91,"score":104},70,{"category":94,"score":106},89,{"category":97,"score":98},{"category":100,"score":101},[110,114],{"value":111,"label":112,"hex":113},"white","White","#ffffff",{"value":115,"label":116,"hex":117},"gray","Gray","#737373",[119,122,125,128,131,134],{"hex":120,"percent":121},"#FFFEFA",0.8793,{"hex":123,"percent":124},"#BEC2C8",0.0469,{"hex":126,"percent":127},"#CED0D5",0.0247,{"hex":129,"percent":130},"#989193",0.0239,{"hex":132,"percent":133},"#43403B",0.0222,{"hex":135,"percent":136},"#B2A8A5",0.003,{"facetDistribution":138,"facetTotals":221,"facetLabels":223},{"industry":139,"styles":159,"technologies":173,"font_families":198,"page_type_name":211},{"Agency & Studio":140,"Art & Culture":141,"SaaS & Software":142,"Fashion & Apparel":143,"Architecture & Real Estate":144,"Entertainment & Media":145,"Food & Beverage":146,"Photography & Video":147,"Finance & Fintech":148,"Healthcare & Wellness":149,"Technology & Hardware":150,"Industrial & Manufacturing":151,"Beauty & Cosmetics":152,"Travel & Hospitality":153,"Non-Profit & Charity":154,"Education & Courses":155,"Crypto & Web3":156,"Sports & Fitness":157,"Automotive & Transportation":158},752,306,227,171,167,142,132,124,79,62,57,50,49,47,41,32,25,22,11,{"Clean \u002F Minimalist":160,"Typographic \u002F Big Type":161,"High-End \u002F Luxury":162,"Dark Mode":163,"Vibrant \u002F Colorful":164,"Monochrome \u002F Grayscale":165,"Fun \u002F Playful":166,"Brutalist \u002F Neo-Brutalist":167,"Corporate \u002F Professional":168,"Illustrative \u002F Hand-drawn":106,"Futuristic \u002F Sci-Fi":169,"3D \u002F Spatial":150,"Retro \u002F Vintage \u002F Y2K":170,"Bento Grid":171,"Glassmorphism":172},2145,1779,1053,594,403,335,262,248,212,71,35,18,17,{"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,"MailChimp":188,"YouTube":189,"Modernizr":190,"Bootstrap":191,"Google Font API":95,"Slick":192,"Framer Sites":193,"Craft CMS":194,"Contact Form 7":195,"Stimulus":196,"Webflow":197},915,652,521,330,324,278,218,208,165,155,153,143,134,119,99,98,94,90,83,73,67,65,60,59,{"Inter":177,"Times New Roman":199,"Roboto":200,"Neue Haas Grotesk":92,"Open Sans":190,"Suisse Intl":201,"Arial":169,"Poppins":194,"Helvetica Neue":194,"Montserrat":202,"Neue Montreal":203,"Diatype":204,"Lato":205,"Graphik":152,"Source Sans":206,"Noto Sans":207,"Monument Grotesk":207,"IBM Plex Mono":207,"Helvetica":208,"Google Sans":209,"Söhne":170,"GT America":170,"DM Sans":170,"Founders Grotesk":170,"Editorial":210},175,133,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":106,"Pricing Page":149,"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":226,"SaaS & Software":22,"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","Art and Culture","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":27,"Dark Mode":244,"Vibrant \u002F Colorful":245,"Monochrome \u002F Grayscale":246,"Fun \u002F Playful":247,"Brutalist \u002F Neo-Brutalist":248,"Corporate \u002F Professional":249,"Illustrative \u002F Hand-drawn":250,"Futuristic \u002F Sci-Fi":251,"3D \u002F Spatial":252,"Retro \u002F Vintage \u002F Y2K":253,"Bento Grid":254,"Glassmorphism":255},"Dark Mode","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Bento Grid","Glassmorphism",{"Home \u002F Landing Page":48,"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":268,"PHP":269,"WordPress":270,"Node.js":271,"React":87,"Vercel":272,"Vue.js":273,"Shopify":274,"Next.js":275,"Klaviyo":276,"Nuxt.js":277,"Typekit":278,"Amazon Web Services":279,"reCAPTCHA":280,"MailChimp":281,"YouTube":282,"Modernizr":283,"Bootstrap":284,"Google Font API":285,"Slick":286,"Framer Sites":68,"Craft CMS":287,"Contact Form 7":288,"Stimulus":289,"Webflow":290},"jQuery","PHP","WordPress","Node.js","Vercel","Vue.js","Shopify","Next.js","Klaviyo","Nuxt.js","Typekit","Amazon Web Services","reCAPTCHA","MailChimp","YouTube","Modernizr","Bootstrap","Google Font API","Slick","Craft CMS","Contact Form 7","Stimulus","Webflow",{"Inter":60,"Times New Roman":292,"Roboto":293,"Neue Haas Grotesk":294,"Open Sans":295,"Suisse Intl":296,"Arial":297,"Poppins":298,"Helvetica Neue":299,"Montserrat":300,"Neue Montreal":301,"Diatype":302,"Lato":303,"Graphik":304,"Source Sans":305,"Noto Sans":306,"Monument Grotesk":307,"IBM Plex Mono":308,"Helvetica":309,"Google Sans":310,"Söhne":311,"GT America":312,"DM Sans":313,"Founders Grotesk":314,"Editorial":315},"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":317,"facetTotals":323,"facetLabels":324},{"industry":318,"styles":319,"technologies":320,"font_families":321,"page_type_name":322},{"Agency & Studio":140,"Art & Culture":141,"SaaS & Software":142,"Fashion & Apparel":143,"Architecture & Real Estate":144,"Entertainment & Media":145,"Food & Beverage":146,"Photography & Video":147,"Finance & Fintech":148,"Healthcare & Wellness":149,"Technology & Hardware":150,"Industrial & Manufacturing":151,"Beauty & Cosmetics":152,"Travel & Hospitality":153,"Non-Profit & Charity":154,"Education & Courses":155,"Crypto & Web3":156,"Sports & Fitness":157,"Automotive & Transportation":158},{"Clean \u002F Minimalist":160,"Typographic \u002F Big Type":161,"High-End \u002F Luxury":162,"Dark Mode":163,"Vibrant \u002F Colorful":164,"Monochrome \u002F Grayscale":165,"Fun \u002F Playful":166,"Brutalist \u002F Neo-Brutalist":167,"Corporate \u002F Professional":168,"Illustrative \u002F Hand-drawn":106,"Futuristic \u002F Sci-Fi":169,"3D \u002F Spatial":150,"Retro \u002F Vintage \u002F Y2K":170,"Bento Grid":171,"Glassmorphism":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,"MailChimp":188,"YouTube":189,"Modernizr":190,"Bootstrap":191,"Google Font API":95,"Slick":192,"Framer Sites":193,"Craft CMS":194,"Contact Form 7":195,"Stimulus":196,"Webflow":197},{"Inter":177,"Times New Roman":199,"Roboto":200,"Neue Haas Grotesk":92,"Open Sans":190,"Suisse Intl":201,"Arial":169,"Poppins":194,"Helvetica Neue":194,"Montserrat":202,"Neue Montreal":203,"Diatype":204,"Lato":205,"Graphik":152,"Source Sans":206,"Noto Sans":207,"Monument Grotesk":207,"IBM Plex Mono":207,"Helvetica":208,"Google Sans":209,"Söhne":170,"GT America":170,"DM Sans":170,"Founders Grotesk":170,"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":106,"Pricing Page":149,"Sign Up \u002F Login":219,"404 Error Page":220},{"industry":222},{"industry":325,"styles":326,"page_type_name":327,"technologies":328,"font_families":329},{"Agency & Studio":225,"Art & Culture":226,"SaaS & Software":22,"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":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":27,"Dark Mode":244,"Vibrant \u002F Colorful":245,"Monochrome \u002F Grayscale":246,"Fun \u002F Playful":247,"Brutalist \u002F Neo-Brutalist":248,"Corporate \u002F Professional":249,"Illustrative \u002F Hand-drawn":250,"Futuristic \u002F Sci-Fi":251,"3D \u002F Spatial":252,"Retro \u002F Vintage \u002F Y2K":253,"Bento Grid":254,"Glassmorphism":255},{"Home \u002F Landing Page":48,"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":268,"PHP":269,"WordPress":270,"Node.js":271,"React":87,"Vercel":272,"Vue.js":273,"Shopify":274,"Next.js":275,"Klaviyo":276,"Nuxt.js":277,"Typekit":278,"Amazon Web Services":279,"reCAPTCHA":280,"MailChimp":281,"YouTube":282,"Modernizr":283,"Bootstrap":284,"Google Font API":285,"Slick":286,"Framer Sites":68,"Craft CMS":287,"Contact Form 7":288,"Stimulus":289,"Webflow":290},{"Inter":60,"Times New Roman":292,"Roboto":293,"Neue Haas Grotesk":294,"Open Sans":295,"Suisse Intl":296,"Arial":297,"Poppins":298,"Helvetica Neue":299,"Montserrat":300,"Neue Montreal":301,"Diatype":302,"Lato":303,"Graphik":304,"Source Sans":305,"Noto Sans":306,"Monument Grotesk":307,"IBM Plex Mono":308,"Helvetica":309,"Google Sans":310,"Söhne":311,"GT America":312,"DM Sans":313,"Founders Grotesk":314,"Editorial":315},{"hits":331},[332,384,433,561],{"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":205,"score_boost":340,"ai_score":341,"freshness_score":342,"scored_at":343,"page_name":40,"page_url":337,"page_title":344,"page_description":54,"page_content":345,"page_sort":340,"is_home":55,"is_home_rank":346,"page_type_id":347,"page_type_name":47,"cover":348,"cover_mobile":351,"cover_sequence":353,"translations":357,"industry":361,"styles":362,"credits":364,"font_families":365,"technologies":366,"pagespeed":368,"pagespeed_mobile":374,"buckets":379,"search_payload":383},"1bac8086-bf3d-4f75-adb0-59dfba992cf2","e484d9f3-47c6-451a-9677-1a82626c356a","Måns Peterson","manspeterson","https:\u002F\u002Fmanspeterson.se\u002F","https:\u002F\u002Fmanspeterson.se","2026-05-04T20:26:14.000Z",0,45,1777926374,"2026-05-24T21:03:03.000Z","måns peterson—design and creative direction","Design and creative direction. CV and portfolio available on request. unlock email cancel",1,"1",{"id":349,"height":13,"width":12,"blurhash":350},"373771ef-4be0-4544-9357-842ae1d8d19c","radial-gradient(at 0 0,#ffffff,#00000000 50%),radial-gradient(at 33% 0,#ffffff,#00000000 50%),radial-gradient(at 67% 0,#ffffff,#00000000 50%),radial-gradient(at 100% 0,#ffffff,#00000000 50%),radial-gradient(at 0 50%,#ffffff,#00000000 50%),radial-gradient(at 33% 50%,#fffffe,#00000000 50%),radial-gradient(at 67% 50%,#fffffe,#00000000 50%),radial-gradient(at 100% 50%,#fffffe,#00000000 50%),radial-gradient(at 0 100%,#ffffff,#00000000 50%),radial-gradient(at 33% 100%,#ffffff,#00000000 50%),radial-gradient(at 67% 100%,#ffffff,#00000000 50%),radial-gradient(at 100% 100%,#ffffff,#00000000 50%)",{"id":352,"height":15,"width":14,"blurhash":54},"861f0f3a-b1ad-4c36-baf9-1cf6ad990e1e",[354],{"directus_files_id":355},{"id":356},"5a8d6dd3-224a-44ac-a7fb-11839d855a6e",[358],{"languages_code":359,"description":360},"en","Måns Peterson’s digital presence is a masterclass in radical minimalism and typographic precision. Functioning as a high-end portfolio for design and creative direction, the site strips away all visual noise to focus entirely on the core message. The layout utilizes generous whitespace and a sophisticated hierarchy of scale to communicate a sense of calm, intentionality, and professional authority.\n\nThe visual identity is defined by a stark, high-contrast aesthetic that leans heavily into modern Swiss-inspired design principles. By prioritizing clean sans-serif typography and a restrained color palette, the brand positions itself as a premium service for clients seeking clarity and cutting-edge creative leadership. It is a website designed for an audience that values substance, elegance, and the power of simplicity.","Agency & Studio",[30,363,34],"Monochrome \u002F Grayscale",[],[],[367],"GitHub Pages",[369,370,372,373],{"score":101,"category":91},{"score":371,"category":94},81,{"score":101,"category":97},{"score":191,"category":100},[375,376,377,378],{"score":188,"category":91},{"score":371,"category":94},{"score":101,"category":97},{"score":191,"category":100},[111,380,381,382],"violet","blue","pink","Website: Måns Peterson. Page: Homepage. Page type: Home \u002F Landing Page. Page title: måns peterson—design and creative direction. Page content: Design and creative direction. CV and portfolio available on request. unlock email cancel. A Clean \u002F Minimalist, Monochrome \u002F Grayscale, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features White, Violet, Blue, Pink. Built using GitHub Pages. AI description: Måns Peterson’s digital presence is a masterclass in radical minimalism and typographic precision. Functioning as a high-end portfolio for design and creative direction, the site strips away all visual noise to focus entirely on the core message. The layout utilizes generous whitespace and a sophisticated hierarchy of scale to communicate a sense of calm, intentionality, and professional authority. The visual identity is defined by a stark, high-contrast aesthetic that leans heavily into modern Swiss-inspired design principles. By prioritizing clean sans-serif typography and a restrained color palette, the brand positions itself as a premium service for clients seeking clarity and cutting-edge creative leadership. It is a website designed for an audience that values substance, elegance, and the power of simplicity.",{"id":385,"website_id":386,"page_id":385,"name":387,"slug":388,"url":389,"website_name":387,"website_slug":388,"website_url":390,"result_url":389,"fetched_at":391,"score":192,"score_boost":340,"ai_score":392,"freshness_score":393,"scored_at":394,"page_name":40,"page_url":389,"page_title":387,"page_description":395,"page_content":396,"page_sort":340,"is_home":55,"is_home_rank":346,"page_type_id":347,"page_type_name":47,"cover":397,"cover_mobile":400,"cover_sequence":402,"translations":406,"industry":409,"styles":410,"credits":411,"font_families":412,"technologies":414,"pagespeed":416,"pagespeed_mobile":423,"buckets":429,"search_payload":432},"6c570d4e-2280-4178-b540-837619a58529","f42c1106-2bb1-4171-b1b6-0540af0cfd4d","Parsons MPS Communication Design","parsons-mps-communication-design","https:\u002F\u002Fmpscd.parsons.edu\u002F","https:\u002F\u002Fmpscd.parsons.edu","2026-05-04T10:34:54.000Z",85,74,"2026-05-23T19:24:40.000Z","A one-year graduate degree program for Digital Product Design.","OK Cookies Parsons School of Design — MPS Communication Design — Digital Product Design Info Parsons MPS Communication Design Digital Product Design - #### Curriculum - #### Faculty - #### Students - #### Apply Designing for the Digital Age In an increasingly digital world, designers are often challenged to create technology-driven products and services for a variety of platforms and human needs. Parsons’ Master of Professional Studies in Communication Design (MPS CD) features a concentration in Digital Product Design, which offers you the cutting-edge conceptual design methods and technical skills you need to meet this growing marketplace demand. Creative Vision In this one-year, 30-credit curriculum, you develop creative problem-solving strategies to relay and translate messages, information, and ideas. Your full-time course of study is built on four components: instruction in advanced core design competencies, practices and methods courses, external partnerships, and the core studio sequence. Parsons faculty — skilled at bringing together design thinking, aesthetics, and technology—guide you to explore innovative composition and visualization methods, interaction design, typography, and industry best practices. Industry Ready You graduate from the program with your own unique, forward-looking aesthetic anchored in professional skills acquired throughout the program, which include entrepreneurship, strategic working methodologies, and contemporary prototyping. You are prepared for digital design work settings, with competence in various industry-standard technologies, including front-end development skills (HTML, CSS, and JavaScript), and experience navigating professional partnerships with teams and clients. - # Curriculum - # Faculty - # Students - # Apply - ###### Request Information More info can be found in the Admissions Office’s Admissions Request Form - ###### Admission Contact Admissions Office: thinkparsonsgrad@newschool.edu - ###### Admission Events Find out about upcoming events using the Graduate Admission Events Calendar - ###### Program Contact Andrew LeClair, Director: leclaira@newschool.edu Parsons The New School for Design Colophon This site was built with the help of Parsons MPS faculty and students (Patrick, Stephany, Yifu, and Defne) in collaboration with XXIX. Must-See: End Exhibition FOMO Perfect Fragrance: Helping You Find the Right Perfume Habit Rabbit Error as Aesthetic Hua: A Personalized and Purposeful Flower-Booking Experience Moodsy: Your AI Mood Matcher Buddy Accountable Rendered Realities: A Collection of 3D Art “Challenges” Feature for AllTrails Leadership in Action: A Scenario-Based Challenge “Templates” Feature for Apple Notes Buyer Customization Feature for Depop “Mirror” Extension for Robinhood Crosstown Descend Everything 2025 - Categories - Student Work - Events - Experience - Years - 2025 - 2024 - 2023 - 2022 - 2021 - 2020 - 2019 - 2018 Explore",{"id":398,"height":13,"width":12,"blurhash":399},"2b3e6be4-5009-4695-b65b-d06f99e4714f","radial-gradient(at 0 0,#f1e8ec,#00000000 50%),radial-gradient(at 33% 0,#fdfdfc,#00000000 50%),radial-gradient(at 67% 0,#d9ede3,#00000000 50%),radial-gradient(at 100% 0,#a2cebf,#00000000 50%),radial-gradient(at 0 50%,#dcd7dc,#00000000 50%),radial-gradient(at 33% 50%,#f0efec,#00000000 50%),radial-gradient(at 67% 50%,#c7d5d6,#00000000 50%),radial-gradient(at 100% 50%,#80b3b6,#00000000 50%),radial-gradient(at 0 100%,#dfd7dd,#00000000 50%),radial-gradient(at 33% 100%,#eeece8,#00000000 50%),radial-gradient(at 67% 100%,#c6d2d4,#00000000 50%),radial-gradient(at 100% 100%,#7199a1,#00000000 50%)",{"id":401,"height":15,"width":14,"blurhash":54},"def9238b-9579-4624-b3ad-58425ade9c20",[403],{"directus_files_id":404},{"id":405},"16bd985f-c08a-45c2-9c0a-b2b3d208cdb2",[407],{"languages_code":359,"description":408},"Parsons MPS Communication Design serves as a sophisticated digital gateway for its premier graduate program in Digital Product Design. The website functions as both an informational hub and a recruitment tool, meticulously detailing the curriculum, faculty expertise, and student success stories to attract high-caliber design talent seeking to master the intersection of technology and human-centric design.\n\nThe visual identity is unapologetically avant-garde, leaning heavily into a high-concept typographic aesthetic. By utilizing oversized, experimental typefaces and a structured, grid-based layout, the site communicates a sense of academic rigor blended with cutting-edge creative practice. The use of soft, blurred gradients and a clean, spacious composition creates a modern, ethereal atmosphere that mirrors the forward-thinking nature of the digital product design industry.","Education & Courses",[30,34],[],[413,296],"Suisse Works",[367,268,415],"jQuery UI",[417,418,420,421],{"score":191,"category":91},{"score":419,"category":94},80,{"score":101,"category":97},{"score":422,"category":100},91,[424,426,427,428],{"score":425,"category":91},87,{"score":371,"category":94},{"score":101,"category":97},{"score":422,"category":100},[111,430,431,115],"teal","black","Website: Parsons MPS Communication Design. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Parsons MPS Communication Design. Page description: A one-year graduate degree program for Digital Product Design.. Page content: OK Cookies Parsons School of Design — MPS Communication Design — Digital Product Design Info Parsons MPS Communication Design Digital Product Design - #### Curriculum - #### Faculty - #### Students - #### Apply Designing for the Digital Age In an increasingly digital world, designers are often challenged to create technology-driven products and services for a variety of platforms and human needs. Parsons’ Master of Professional Studies in Communication Design (MPS CD) features a concentration in Digital Product Design, which offers you the cutting-edge conceptual design methods and technical skills you need to meet this growing marketplace demand. Creative Vision In this one-year, 30-credit curriculum, you develop creative problem-solving strategies to relay and translate messages, information, and ideas. Your full-time course of study is built on four components: instruction in advanced core design competencies, practices and methods courses, external partnerships, and the core studio sequence. Parsons faculty — skilled at bringing together design thinking, aesthetics, and technology—guide you to explore innovative composition and visualization methods, interaction design, typography, and industry best practices. Industry Ready You graduate from the program with your own unique, forward-looking aesthetic anchored in professional skills acquired throughout the program, which include entrepreneurship, strategic working methodologies, and contemporary prototyping. You are prepared for digital design work settings, with competence in various industry-standard technologies, including front-end development skills (HTML, CSS, and JavaScript), and experience navigating professional partnerships with teams and clients. - # Curriculum - # Faculty - # Students - # Apply - ###### Request Information More info can be found in the Admissions Office’s Admissions Request Form - ###### Admission Contact Admissions Office: thinkparsonsgrad@newschool.edu - ###### Admission Events Find out about upcoming events using the Graduate Admission Events Calendar - ###### Program Contact Andrew LeClair, Director: leclaira@newschool.edu Parsons The New School for Design Colophon This site was built with the help of Parsons MPS faculty and students (Patrick, Stephany, Yifu, and Defne) in collaboration with XXIX. Must-See: End Exhibition FOMO Perfect Fragrance: Helping You Find the Right Perfume Habit Rabbit Error as Aesthetic Hua: A Personalized and Purposeful Flower-Booking Experience Moodsy: Your AI Mood Matcher Buddy Accountable Rendered Realities: A Collection of 3D Art “Challenges” Feature for AllTrails Leadership in Action: A Scenario-Based Challenge “Templates” Feature for Apple Notes Buyer Customization Feature for Depop “Mirror” Extension for Robinhood Crosstown Descend Everything 2025 - Categories - Student Work - Events - Experience - Years - 2025 - 2024 - 2023 - 2022 - 2021 - 2020 - 2019 - 2018 Explore. A Clean \u002F Minimalist, Typographic \u002F Big Type website in the Education & Courses industry. The overall color palette features White, Teal, Black, Gray. The typography features Suisse Works (Swiss Typefaces), Suisse Intl (Swiss Typefaces). Built using GitHub Pages, jQuery, jQuery UI. AI description: Parsons MPS Communication Design serves as a sophisticated digital gateway for its premier graduate program in Digital Product Design. The website functions as both an informational hub and a recruitment tool, meticulously detailing the curriculum, faculty expertise, and student success stories to attract high-caliber design talent seeking to master the intersection of technology and human-centric design. The visual identity is unapologetically avant-garde, leaning heavily into a high-concept typographic aesthetic. By utilizing oversized, experimental typefaces and a structured, grid-based layout, the site communicates a sense of academic rigor blended with cutting-edge creative practice. The use of soft, blurred gradients and a clean, spacious composition creates a modern, ethereal atmosphere that mirrors the forward-thinking nature of the digital product design industry.",{"id":434,"website_id":435,"page_id":434,"name":436,"slug":437,"url":438,"website_name":436,"website_slug":437,"website_url":439,"result_url":438,"fetched_at":440,"score":95,"score_boost":340,"ai_score":95,"freshness_score":441,"scored_at":442,"page_name":40,"page_url":438,"page_title":443,"page_description":444,"page_content":445,"page_sort":340,"is_home":55,"is_home_rank":346,"page_type_id":347,"page_type_name":47,"cover":446,"cover_mobile":448,"cover_sequence":450,"translations":541,"industry":361,"styles":544,"credits":545,"font_families":546,"technologies":547,"pagespeed":548,"pagespeed_mobile":554,"buckets":559,"search_payload":560},"547fc8b7-e978-4b82-935c-784cf8fe209b","ee1c6e88-c97b-483a-801a-1c4f35f83e7d","Riotters","riotters","https:\u002F\u002Friotters.com\u002F","https:\u002F\u002Friotters.com","2026-05-24T20:59:55.000Z",1779656395,"2026-06-25T10:26:06.000Z","Riotters – Explain your product value in a heartbeat","Riotters is a design studio driving digital transformation through innovative UX\u002FUI, product design, and brand development.","Your product is complex. We make it obvious. - 3D. Motion. Branding. Product Design. Creative Development. Everything your product needs to explain itself. [ Explore Case Studies ](\u002Fcase-studies) Hello from Riotters, where _imagination meets technology_ and solid craftsmanship to challenge the status quo. [ Check Our Capabilities ](\u002Fservices) As a design accellerator, we'll help transform your digital product into a future-scale business. [ [object Object] 4th Moment ](\u002Fcase-studies\u002F4th-moment) Branding Development Product Design [ [object Object] Eyebou ](\u002Fcase-studies\u002Feyebou) Branding Product Design Motion Design 3D Design [ [object Object] Bizee ](\u002Fcase-studies\u002Fbizee) Branding Payload Development Marketing Design Product Design UX Design [ [object Object] Sparrowbid ](\u002Fcase-studies\u002Fsparrowbid) Website Branding Product Design UX Design Motion Design [ [object Object] Partners Personnel ](\u002Fcase-studies\u002Fpartners) Product Design UX Design [ [object Object] RTT-01 ](\u002Fcase-studies\u002Frtt-01) Product Design Branding Development UX Research | - “They have a really modern design sense and are sensitive to your expectations even if you can't describe them as well.” Eddie Executive, Atomworks LLC - “We now moved our tens of thousands of workers to the new app version Riotters redesigned for us, and we’ve grown by 130% since then.” Hunter Sebresos CEO, They Can Work - “Our website traffic has increased by 50% since launching its redesigned version, though that’s also partially attributed to the software itself.” James Titchener CEO, FxSound - “They use the best communication and project management tools out there and despite the time difference, we never hit any barrier in that respect.” Guillaume Leduc CEO, eDigital - “Riotters hit every deadline and communicated along the way. Post project: Riotters did a good job of making any remaining edits we needed.” Todd Stewart VP Marketing, GoDocs - “They really love what they are doing and really know how to execute on time.” Arik Klein VP Product, Minta Most agencies pick a lane. We built four. Product Design \\[Re\\]Branding Low\u002FNo code Development Motion Design 01 Analysis Let's start our collaboration with a call or workshop, diving deep into the materials you provide and doing a competitive analysis. 02 Teasers & samplings Based on moodboard, samples or 📝, we'll show you the general design direction for the project. 03 Validation We’ll validate the prototype or PoC with you and can conduct user tests and experiments. 04 UI Design (System) After incorporating feedback, we design the entire user flow and, if needed, a complete design system. 05 Implementation Ready to implement the design? So are we! We use Figma and other tools that make embedding a breeze (i.e. Spline 3D). 06 Motion Outstanding designs need to move! We add the final touch with motion interaction tools like Rive, Jitter, and After Effects. 01 Kick-off with a quick brief Let's 🧠 your goals. Seeing, hearing, and connecting is our first step toward success. 02 Customized workshops 🔎 your brand's full potential in our immersive empathy-driven workshops to uncover the key insights. 03 UI Research and conceptual design We 🤿 deep into moodboards, ideation and hand-sketching crafting different concepts for your evaluation. 04 High-fidelity web Feedback & Creation Using agile feedback techniques, we work 🖐️-in-🖐️ with you to rock your project's final version. 05 Final touches We live and breathe pixel-perfection - feel free to zoom in for proof. 🔎 06 More, if you want? We were partners in one challenge, and now we can support you throughout the entire branding mission. High 🖐️! 01 Mission: Discovery Let’s dive into your objectives and needs to discover valuable insights on your audience, key features, and design tastes. 02 Figma transformation Time to transform insights into a Figma project to fine-tune features\u002Fanimations and then invite your feedback. 03 Visuals to life We bring Figma visuals to life and integrate key features using top tools like Webflow, Framer, Mendix or Bubble. 04 Live site optimization Capture your feedback from the live site and make instant improvements right where it matters. 05 Launch ready We've wrapped up and delivered your site, giving you the power to make quick updates anytime you need. 01 Storyboard Beautifully handcrafted sketches are the perfect start to bring your vision to life. 02 2D Once we know what we’d like to show, we move it to design (UI, illustrations) for the perfect touch. 03 Animatic With animatics that simulate the main animation, you can imagine the results 🏆 04 Interactions We enhance the main animation with motion interactions throughout the entire web design. 05 Postproduction We improve 🎨, add special effects, polish the animation in After Effects, and much more. 06 Final animations stage The final step involves delivering all the renders you need in various file types and formats. Wanna accellerate your business through design? Let’s have a virtual coffee and chat about your goals and how our processes can help achieve them. [ Let’s Connect ](\u002Fcontact) Our ttttttteam! Team discussing something Checking something on the phone We’re a design and dev studio specializing in complex design and branding projects for global scale-ups. Standout design is not enough for us – not if the user experience sucks. But don’t worry, we have in-depth expertise and skills to design and develop software products that are a delight to use. Both by your customers and by anyone who will have to work on them next. Our full-stack team comprised of visual, brand, motion designers, and software developers, will craft AND implement all the digital visual materials you need to grow your business. Our ❤ is _#12DCD4_. See what that means for you Woman sitting in front of macbook Senior designers, engineers, and strategists. Direct access from day one. [ Meet your Future Team ](\u002Fabout) Development team discussing In our universe, there's no room for political maneuvering or rigid mindsets. We _value collaboration, creativity,_ and a positive work environment over office politics and manipulative tactics. Riotters Rules Welcome to a galactic where professionalism meets a touch of cosmic humor. Whether you’re a (future) _client or team member,_ here are the things that guide us in working together. [ Let’s Accellerattte ](\u002Fcontact) Quality® We're aesthetic (but healthy) perfectionists. Equipment Working on inefficient equipment is actual torture. Collaboration We act, we listen, and we improve. Relationships We build long-term relationships regardless of location. Respect We respect each other with our different views and opinions. Meetings Conversation is important, but everything has limits. Structure Our organization has a flat structure, and we’re all equals. Help Don't hesitate to ask for help if you need it, and support someone in need, too. We’re a match if… 01 You’re ready _to grow from_ startup to scaleup – and need a solid design and development partner. 02 You have _big dreams and aspirations_ for your business – and want your branding and product to live up to them. 03 You’re finally ready _to clean up_ that design mess in your product and brand assets (you know what we’re talking about!) 04 You want to _change something_ – in your industry, maybe even in the world. And you want to work with a team with the same mindset. We’re nott a match and no hard feelings if 01 You want to _copy the design_ half of the brands and products in your industry have. 02 You’re _not ready to get organized_ with your design system and your brand. 03 You _love imposing your own ideas_ and hate being told “no”. 04 You just _want that one “little thing”_ tweaked in some design assets (and you need it done yesterday.) Riotters toolbox For us, creativity is stimulated by _tools and processes_ and backed by solid craftsmanship. [ Check our toolbox ](\u002Ftoolbox) 01 02 03 04 05 06 07 08 09 10 11 12 01 02 03 04 05 06 07 08 09 10 11 12 Check out our recent work on _Dribbble_. [ Finance Tracker Finance Tracker ](https:\u002F\u002Fdribbble.com\u002Fshots\u002F25046660-Finance-Tracker-Manage-Expe …",{"id":447,"height":13,"width":12,"blurhash":54},"007965ab-ba4c-480a-81d9-74fef48716d6",{"id":449,"height":15,"width":14,"blurhash":54},"d31f9f38-8b45-45ee-9118-5ab2da88d8a9",[451,454,457,460,463,466,469,472,475,478,481,484,487,490,493,496,499,502,505,508,511,514,517,520,523,526,529,532,535,538],{"directus_files_id":452},{"id":453},"378acc29-d133-42d0-9e29-84e0fc961356",{"directus_files_id":455},{"id":456},"4922d87f-af47-4a80-bff8-e62472307c77",{"directus_files_id":458},{"id":459},"f8e1637c-b3ab-4c5e-a1dc-877a8f1e7f89",{"directus_files_id":461},{"id":462},"78850d11-c4b7-4c7a-9004-eb524e13e8c6",{"directus_files_id":464},{"id":465},"f0acec2a-900c-4ad9-be33-261277ed89ec",{"directus_files_id":467},{"id":468},"2c196147-6d09-424b-8955-af07320fab6b",{"directus_files_id":470},{"id":471},"7c0fa010-af4e-43bf-9ec6-2d7457183b69",{"directus_files_id":473},{"id":474},"7fac5c6e-1ccc-4e90-8b08-3033c1746ff7",{"directus_files_id":476},{"id":477},"0f700d3f-2cbd-4927-9ec9-883fbd3c97ff",{"directus_files_id":479},{"id":480},"0900c85f-62eb-4ae1-98f8-c1435807af31",{"directus_files_id":482},{"id":483},"73814091-9a1a-447e-8650-a8fae8e1bbb8",{"directus_files_id":485},{"id":486},"32404a66-7b94-4db9-9d31-aaf1a3ddc1bc",{"directus_files_id":488},{"id":489},"36c930f5-4d5a-4f0f-9915-f9f2fe657c10",{"directus_files_id":491},{"id":492},"9aad33f6-e995-4db2-839f-fa92a4b26acd",{"directus_files_id":494},{"id":495},"6647c9b8-9c93-41d3-9bc7-7dab1c83973d",{"directus_files_id":497},{"id":498},"da67eaa4-017b-4f32-97fa-710ba4019691",{"directus_files_id":500},{"id":501},"f562879c-10b6-499b-a013-f8b76a47e508",{"directus_files_id":503},{"id":504},"26883df8-61bd-4686-9c40-ca1125498551",{"directus_files_id":506},{"id":507},"b3ef8860-a0f7-4729-97e5-ec386e7bdf9b",{"directus_files_id":509},{"id":510},"e0d4a07f-a4c4-4625-ae31-852724ae7564",{"directus_files_id":512},{"id":513},"f743549d-9d29-464e-a3df-cb9cb8034604",{"directus_files_id":515},{"id":516},"fb218acc-a8fa-4707-a6e9-32693e0fcaa0",{"directus_files_id":518},{"id":519},"7f8d680e-9d59-4c27-aa15-89af252ca584",{"directus_files_id":521},{"id":522},"559c8cf5-7ea2-4739-a948-d67f6f75fa68",{"directus_files_id":524},{"id":525},"2b09fcda-f8d6-458a-9ee0-43e0f76dcb5e",{"directus_files_id":527},{"id":528},"53755471-27bc-48bc-9e2b-4ed640e03aee",{"directus_files_id":530},{"id":531},"e44a63eb-c9fd-46fe-9337-0a9aa9cc44a2",{"directus_files_id":533},{"id":534},"cd56c492-b8fa-482b-bed2-50a20bf0efa6",{"directus_files_id":536},{"id":537},"b7ba6164-647e-4dc2-9b0d-516332686b9f",{"directus_files_id":539},{"id":540},"24332b90-7fde-473e-bd15-9d31652d102d",[542],{"languages_code":359,"description":543},"Riotters is a high-caliber design studio positioned at the intersection of product design, branding, and digital transformation. The website serves as a sophisticated portfolio for a senior design team that specializes in distilling complex product values into intuitive, high-impact user experiences. Its primary purpose is to attract tech-driven companies and innovators looking for premium UX\u002FUI and creative development services.\n\nThe visual identity is defined by a bold, minimalist aesthetic that leans heavily into high-contrast typography and cinematic product photography. By utilizing a clean, spacious layout and a sophisticated dark-mode influence, the brand communicates authority and modern elegance. The design language is unapologetically premium, targeting a professional audience that values clarity, precision, and cutting-edge digital craftsmanship.",[30,244,34],[],[],[275,271,87,272],[549,551,552,553],{"score":550,"category":91},78,{"score":191,"category":94},{"score":98,"category":97},{"score":101,"category":100},[555,556,557,558],{"score":203,"category":91},{"score":191,"category":94},{"score":98,"category":97},{"score":101,"category":100},[111,431,115,430],"Website: Riotters. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Riotters – Explain your product value in a heartbeat. Page description: Riotters is a design studio driving digital transformation through innovative UX\u002FUI, product design, and brand development.. Page content: Your product is complex. We make it obvious. - 3D. Motion. Branding. Product Design. Creative Development. Everything your product needs to explain itself. [ Explore Case Studies ](\u002Fcase-studies) Hello from Riotters, where _imagination meets technology_ and solid craftsmanship to challenge the status quo. [ Check Our Capabilities ](\u002Fservices) As a design accellerator, we'll help transform your digital product into a future-scale business. [ [object Object] 4th Moment ](\u002Fcase-studies\u002F4th-moment) Branding Development Product Design [ [object Object] Eyebou ](\u002Fcase-studies\u002Feyebou) Branding Product Design Motion Design 3D Design [ [object Object] Bizee ](\u002Fcase-studies\u002Fbizee) Branding Payload Development Marketing Design Product Design UX Design [ [object Object] Sparrowbid ](\u002Fcase-studies\u002Fsparrowbid) Website Branding Product Design UX Design Motion Design [ [object Object] Partners Personnel ](\u002Fcase-studies\u002Fpartners) Product Design UX Design [ [object Object] RTT-01 ](\u002Fcase-studies\u002Frtt-01) Product Design Branding Development UX Research | - “They have a really modern design sense and are sensitive to your expectations even if you can't describe them as well.” Eddie Executive, Atomworks LLC - “We now moved our tens of thousands of workers to the new app version Riotters redesigned for us, and we’ve grown by 130% since then.” Hunter Sebresos CEO, They Can Work - “Our website traffic has increased by 50% since launching its redesigned version, though that’s also partially attributed to the software itself.” James Titchener CEO, FxSound - “They use the best communication and project management tools out there and despite the time difference, we never hit any barrier in that respect.” Guillaume Leduc CEO, eDigital - “Riotters hit every deadline and communicated along the way. Post project: Riotters did a good job of making any remaining edits we needed.” Todd Stewart VP Marketing, GoDocs - “They really love what they are doing and really know how to execute on time.” Arik Klein VP Product, Minta Most agencies pick a lane. We built four. Product Design \\[Re\\]Branding Low\u002FNo code Development Motion Design 01 Analysis Let's start our collaboration with a call or workshop, diving deep into the materials you provide and doing a competitive analysis. 02 Teasers & samplings Based on moodboard, samples or 📝, we'll show you the general design direction for the project. 03 Validation We’ll validate the prototype or PoC with you and can conduct user tests and experiments. 04 UI Design (System) After incorporating feedback, we design the entire user flow and, if needed, a complete design system. 05 Implementation Ready to implement the design? So are we! We use Figma and other tools that make embedding a breeze (i.e. Spline 3D). 06 Motion Outstanding designs need to move! We add the final touch with motion interaction tools like Rive, Jitter, and After Effects. 01 Kick-off with a quick brief Let's 🧠 your goals. Seeing, hearing, and connecting is our first step toward success. 02 Customized workshops 🔎 your brand's full potential in our immersive empathy-driven workshops to uncover the key insights. 03 UI Research and conceptual design We 🤿 deep into moodboards, ideation and hand-sketching crafting different concepts for your evaluation. 04 High-fidelity web Feedback & Creation Using agile feedback techniques, we work 🖐️-in-🖐️ with you to rock your project's final version. 05 Final touches We live and breathe pixel-perfection - feel free to zoom in for proof. 🔎 06 More, if you want? We were partners in one challenge, and now we can support you throughout the entire branding mission. High 🖐️! 01 Mission: Discovery Let’s dive into your objectives and needs to discover valuable insights on your audience, key features, and design tastes. 02 Figma transformation Time to transform insights into a Figma project to fine-tune features\u002Fanimations and then invite your feedback. 03 Visuals to life We bring Figma visuals to life and integrate key features using top tools like Webflow, Framer, Mendix or Bubble. 04 Live site optimization Capture your feedback from the live site and make instant improvements right where it matters. 05 Launch ready We've wrapped up and delivered your site, giving you the power to make quick updates anytime you need. 01 Storyboard Beautifully handcrafted sketches are the perfect start to bring your vision to life. 02 2D Once we know what we’d like to show, we move it to design (UI, illustrations) for the perfect touch. 03 Animatic With animatics that simulate the main animation, you can imagine the results 🏆 04 Interactions We enhance the main animation with motion interactions throughout the entire web design. 05 Postproduction We improve 🎨, add special effects, polish the animation in After Effects, and much more. 06 Final animations stage The final step involves delivering all the renders you need in various file types and formats. Wanna accellerate your business through design? Let’s have a virtual coffee and chat about your goals and how our processes can help achieve them. [ Let’s Connect ](\u002Fcontact) Our ttttttteam! Team discussing something Checking something on the phone We’re a design and dev studio specializing in complex design and branding projects for global scale-ups. Standout design is not enough for us – not if the user experience sucks. But don’t worry, we have in-depth expertise and skills to design and develop software products that are a delight to use. Both by your customers and by anyone who will have to work on them next. Our full-stack team comprised of visual, brand, motion designers, and software developers, will craft AND implement all the digital visual materials you need to grow your business. Our ❤ is _#12DCD4_. See what that means for you Woman sitting in front of macbook Senior designers, engineers, and strategists. Direct access from day one. [ Meet your Future Team ](\u002Fabout) Development team discussing In our universe, there's no room for political maneuvering or rigid mindsets. We _value collaboration, creativity,_ and a positive work environment over office politics and manipulative tactics. Riotters Rules Welcome to a galactic where professionalism meets a touch of cosmic humor. Whether you’re a (future) _client or team member,_ here are the things that guide us in working together. [ Let’s Accellerattte ](\u002Fcontact) Quality® We're aesthetic (but healthy) perfectionists. Equipment Working on inefficient equipment is actual torture. Collaboration We act, we listen, and we improve. Relationships We build long-term relationships regardless of location. Respect We respect each other with our different views and opinions. Meetings Conversation is important, but everything has limits. Structure Our organization has a flat structure, and we’re all equals. Help Don't hesitate to ask for help if you need it, and support someone in need, too. We’re a match if… 01 You’re ready _to grow from_ startup to scaleup – and need a solid design and development partner. 02 You have _big dreams and aspirations_ for your business – and want your branding and product to live up to them. 03 You’re finally ready _to clean up_ that design mess in your product and brand assets (you know what we’re talking about!) 04 You want to _change something_ – in your industry, maybe even in the world. And you want to work with a team with the same mindset. We’re nott a match and no hard feelings if 01 You want to _copy the design_ half of the brands and products in your industry have. 02 You’re _not ready to get organized_ with your design system and your brand. 03 You _love imposing your own ideas_ and hate being told “no”. 04 You just _want that one “little thing”_ tweaked in some design assets (and you need it done yesterday.) Riotters toolbox For us, creativity is stimulated by _tools and processes_ and backed by solid craftsmanship. [ Check our toolbox ](\u002Ftoolbox) 01 02 03 04 05 06 07 08 09 10 11 12 01 02 03 04 05 06 07 08 09 10 11 12 Check out our recent work on _Dribbble_. [ Finance Tracker Finance Tracker ](https:\u002F\u002Fdribbble.com\u002Fshots\u002F25046660-Finance-Tracker-Manage-Expe …. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features White, Black, Gray, Teal. Built using Next.js, Node.js, React, Vercel. AI description: Riotters is a high-caliber design studio positioned at the intersection of product design, branding, and digital transformation. The website serves as a sophisticated portfolio for a senior design team that specializes in distilling complex product values into intuitive, high-impact user experiences. Its primary purpose is to attract tech-driven companies and innovators looking for premium UX\u002FUI and creative development services. The visual identity is defined by a bold, minimalist aesthetic that leans heavily into high-contrast typography and cinematic product photography. By utilizing a clean, spacious layout and a sophisticated dark-mode influence, the brand communicates authority and modern elegance. The design language is unapologetically premium, targeting a professional audience that values clarity, precision, and cutting-edge digital craftsmanship.",{"id":562,"website_id":563,"page_id":562,"name":564,"slug":565,"url":566,"website_name":564,"website_slug":565,"website_url":567,"result_url":566,"fetched_at":568,"score":192,"score_boost":340,"ai_score":569,"freshness_score":393,"scored_at":570,"page_name":40,"page_url":566,"page_title":571,"page_description":572,"page_content":573,"page_sort":340,"is_home":55,"is_home_rank":346,"page_type_id":347,"page_type_name":47,"cover":574,"cover_mobile":577,"cover_sequence":579,"translations":640,"industry":361,"styles":643,"credits":645,"font_families":648,"technologies":650,"pagespeed":651,"pagespeed_mobile":657,"buckets":662,"search_payload":663},"15ac16f4-c240-4773-a6ef-cbb0243b83b5","f71af1e0-811c-4670-a332-43424e839a41","Paper Triangles","paper-triangles","https:\u002F\u002Fpapertriangles.com\u002F","https:\u002F\u002Fpapertriangles.com","2026-05-04T08:08:54.000Z",86,"2026-05-23T19:23:45.000Z","Home · Paper Triangles · AR agency for social platforms","Paper Triangles  is an AR agency that brings immersive experiences to social platforms. Our diverse team of creatives craft imaginative mobile experiences for consumer brands.","[ logo logo logo logo ](\u002F) menu menu [ Work Work Work Work ](\u002Fwork) all World Gamified Gaming Restaurant Entertainment & Streaming Alcohol Bitmoji Beauty Food & Bev Sports Automotive CPG Try-On [ About About About About ](\u002Fabout) [ Sketchbook Sketchbook Sketchbook Sketchbook ](\u002Fsketchbook) [ Contact Contact Contact Contact ](\u002Fcontact) Work About Sketchbook Contact We take your brand to a new dimension (Literally). Paper Triangles (Click to enter) Paper Triangles paper triangles cat outlined in white is an AR agency that brings immersive experiences to social platforms. Our diverse team of creatives craft imaginative mobile experiences for consumer brands. Our Work [ Minecraft minecraft block cursor ](\u002Fwork\u002Fminecraft-legends) [ Chicken Big Mac MCD chicken big mac cursor ](\u002Fwork\u002Fmcd-chicken-big-mac) [ Cheez‑it cheezit cursor ](\u002Fwork\u002Fcheez-it) [ Renfield renfield cursor ](\u002Fwork\u002Funiversal-renfield) [ Netflix netflix wednesday cursor ](\u002Fwork\u002Fwednesday) [ BetMGM Wally Head Cursor 2b ](\u002Fwork\u002Fbetmgm-ma) [ McFlurry Mcflurry icon ](\u002Fwork\u002Fmcd-raptors) [ Miller Lite miller helmet cursor ](\u002Fwork\u002Fmiller-nfl) [ Toyota Toyota Car Cursor ](\u002Fwork\u002Ftoyota-gr) [ Beyond Wonderland beyond mushroom cursor ](\u002Fwork\u002Fbeyond-wonderland) [ view all projects view all projects ](\u002Fwork) [ Certified Organic Humans™ meet our team meet our team ](\u002Fabout) homepage_computer try a lens Frank's Red Hot Bottle (tap the sticker) [ Get in touch. let's work together let's work together ](\u002Fcontact) Logo [ snapchat snapchat ](https:\u002F\u002Fwww.snapchat.com\u002Fadd\u002Fpaper_triangles?locale=en-US) [ instagram instagram ](https:\u002F\u002Fwww.instagram.com\u002Fpaper_triangles\u002F) [ twitter twitter ](https:\u002F\u002Ftwitter.com\u002FPaperTriangles) [ privacy privacy ](\u002Fprivacy) email email 4221 Lexington Ave Los Angeles, CA , 90029 Powered by snap icon Lens PTRetroBasketballBETMGM MA LAUNCHPride 2023Happy Pride!Robo BuddyCinco de MayoVDay PredictionsBEE MINEDisco FeverEarth DayDia De Los MuertosMCD FCB 2023 2FlavFDKick of Destiny2Toyota GRMillerL NFL 2023McD Chicken BigMacRaptors McFlurryNetflix WednesdayCheez-It RunRenfieldBW MushroomMinecraft Legendschevron icon close icon Default cursorInteractive cursor",{"id":575,"height":13,"width":12,"blurhash":576},"4d563505-01a9-469c-bd8c-8e9236cbc9b6","radial-gradient(at 0 0,#2f0d35,#00000000 50%),radial-gradient(at 33% 0,#1d001e,#00000000 50%),radial-gradient(at 67% 0,#000000,#00000000 50%),radial-gradient(at 100% 0,#352a31,#00000000 50%),radial-gradient(at 0 50%,#3d3f46,#00000000 50%),radial-gradient(at 33% 50%,#394141,#00000000 50%),radial-gradient(at 67% 50%,#162a22,#00000000 50%),radial-gradient(at 100% 50%,#4b484e,#00000000 50%),radial-gradient(at 0 100%,#716e6c,#00000000 50%),radial-gradient(at 33% 100%,#72736f,#00000000 50%),radial-gradient(at 67% 100%,#525448,#00000000 50%),radial-gradient(at 100% 100%,#695d53,#00000000 50%)",{"id":578,"height":15,"width":14,"blurhash":54},"a3a0fa4c-5398-4dc5-a565-c8560d6c7333",[580,583,586,589,592,595,598,601,604,607,610,613,616,619,622,625,628,631,634,637],{"directus_files_id":581},{"id":582},"738f974e-ef32-44d0-a618-e4f3e65601d0",{"directus_files_id":584},{"id":585},"6249c61d-d123-4b4b-adae-1ae2ec009cc3",{"directus_files_id":587},{"id":588},"d0bc74de-b020-4e26-afd1-f2b2b43fac6a",{"directus_files_id":590},{"id":591},"387e0c29-8aac-457b-ab9a-28afb42a626c",{"directus_files_id":593},{"id":594},"4e968585-a008-4b61-b6cb-c01ce32cf3e5",{"directus_files_id":596},{"id":597},"045a2370-23c4-443f-b6f7-eb69bef89069",{"directus_files_id":599},{"id":600},"f5059945-838b-4030-bc68-511188372c24",{"directus_files_id":602},{"id":603},"ecb00b07-a9c5-4cf6-ba67-0c258bc4325f",{"directus_files_id":605},{"id":606},"05ac21cd-c150-4cb6-81a8-995b5fc1213b",{"directus_files_id":608},{"id":609},"615aa782-5e9c-4022-b47b-b19f4a5adba9",{"directus_files_id":611},{"id":612},"cc6029c5-b5ca-425a-a4ba-979367852f03",{"directus_files_id":614},{"id":615},"c0f8c375-f51f-43cd-abcb-714c0f9aae25",{"directus_files_id":617},{"id":618},"cb3d5ab2-6a8f-4770-b85b-2e9bb6be3b1b",{"directus_files_id":620},{"id":621},"f2ae9d1d-e9a5-4a23-8ad5-4de66c695101",{"directus_files_id":623},{"id":624},"ab717ed7-a08f-46d0-bf4f-34eeb543a279",{"directus_files_id":626},{"id":627},"9639e440-b0b9-48b7-993b-23d66b5357dd",{"directus_files_id":629},{"id":630},"6d2040d9-89c5-4e44-96a7-e85ffca8b33e",{"directus_files_id":632},{"id":633},"071d523e-9acf-4ffe-9721-9d1cb117fa6e",{"directus_files_id":635},{"id":636},"4970eb85-66c9-47d0-8e0a-292b6eb9dc17",{"directus_files_id":638},{"id":639},"2bae1fa3-76a9-42e9-8073-8d5fc7e1f0d0",[641],{"languages_code":359,"description":642},"Paper Triangles is a cutting-edge augmented reality agency specializing in immersive social platform experiences. The website serves as a high-impact digital portfolio, showcasing their ability to bridge the gap between consumer brands and interactive mobile technology. By highlighting real-world applications like gaming-inspired AR and branded social filters, the site positions the agency as a vital partner for brands looking to engage audiences in the spatial computing era.\n\nThe visual identity is unapologetically bold and modern, utilizing a high-contrast dark mode aesthetic that allows vibrant AR content to pop. The design employs a sophisticated mix of heavy, impactful sans-serif typography paired with delicate, hand-drawn script elements, creating a tension between technical precision and creative whimsy. This stylistic choice perfectly mirrors their core service: the intersection of structured technology and imaginative, human-centric storytelling.",[244,644,34],"Fun \u002F Playful",[646,647],"James Clements","Fuzzco",[649],"Oracle",[275,271,87,272],[652,653,654,656],{"score":104,"category":91},{"score":190,"category":94},{"score":655,"category":97},92,{"score":101,"category":100},[658,659,660,661],{"score":203,"category":91},{"score":655,"category":94},{"score":655,"category":97},{"score":101,"category":100},[431,115,111],"Website: Paper Triangles. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Home · Paper Triangles · AR agency for social platforms. Page description: Paper Triangles  is an AR agency that brings immersive experiences to social platforms. Our diverse team of creatives craft imaginative mobile experiences for consumer brands.. Page content: [ logo logo logo logo ](\u002F) menu menu [ Work Work Work Work ](\u002Fwork) all World Gamified Gaming Restaurant Entertainment & Streaming Alcohol Bitmoji Beauty Food & Bev Sports Automotive CPG Try-On [ About About About About ](\u002Fabout) [ Sketchbook Sketchbook Sketchbook Sketchbook ](\u002Fsketchbook) [ Contact Contact Contact Contact ](\u002Fcontact) Work About Sketchbook Contact We take your brand to a new dimension (Literally). Paper Triangles (Click to enter) Paper Triangles paper triangles cat outlined in white is an AR agency that brings immersive experiences to social platforms. Our diverse team of creatives craft imaginative mobile experiences for consumer brands. Our Work [ Minecraft minecraft block cursor ](\u002Fwork\u002Fminecraft-legends) [ Chicken Big Mac MCD chicken big mac cursor ](\u002Fwork\u002Fmcd-chicken-big-mac) [ Cheez‑it cheezit cursor ](\u002Fwork\u002Fcheez-it) [ Renfield renfield cursor ](\u002Fwork\u002Funiversal-renfield) [ Netflix netflix wednesday cursor ](\u002Fwork\u002Fwednesday) [ BetMGM Wally Head Cursor 2b ](\u002Fwork\u002Fbetmgm-ma) [ McFlurry Mcflurry icon ](\u002Fwork\u002Fmcd-raptors) [ Miller Lite miller helmet cursor ](\u002Fwork\u002Fmiller-nfl) [ Toyota Toyota Car Cursor ](\u002Fwork\u002Ftoyota-gr) [ Beyond Wonderland beyond mushroom cursor ](\u002Fwork\u002Fbeyond-wonderland) [ view all projects view all projects ](\u002Fwork) [ Certified Organic Humans™ meet our team meet our team ](\u002Fabout) homepage_computer try a lens Frank's Red Hot Bottle (tap the sticker) [ Get in touch. let's work together let's work together ](\u002Fcontact) Logo [ snapchat snapchat ](https:\u002F\u002Fwww.snapchat.com\u002Fadd\u002Fpaper_triangles?locale=en-US) [ instagram instagram ](https:\u002F\u002Fwww.instagram.com\u002Fpaper_triangles\u002F) [ twitter twitter ](https:\u002F\u002Ftwitter.com\u002FPaperTriangles) [ privacy privacy ](\u002Fprivacy) email email 4221 Lexington Ave Los Angeles, CA , 90029 Powered by snap icon Lens PTRetroBasketballBETMGM MA LAUNCHPride 2023Happy Pride!Robo BuddyCinco de MayoVDay PredictionsBEE MINEDisco FeverEarth DayDia De Los MuertosMCD FCB 2023 2FlavFDKick of Destiny2Toyota GRMillerL NFL 2023McD Chicken BigMacRaptors McFlurryNetflix WednesdayCheez-It RunRenfieldBW MushroomMinecraft Legendschevron icon close icon Default cursorInteractive cursor. A Dark Mode, Fun \u002F Playful, Typographic \u002F Big Type website in the Agency & Studio industry. Designed by James Clements. The overall color palette features Black, Gray, White. The typography features Oracle (Sans Serif, Dinamo). Built using Next.js, Node.js, React, Vercel. AI description: Paper Triangles is a cutting-edge augmented reality agency specializing in immersive social platform experiences. The website serves as a high-impact digital portfolio, showcasing their ability to bridge the gap between consumer brands and interactive mobile technology. By highlighting real-world applications like gaming-inspired AR and branded social filters, the site positions the agency as a vital partner for brands looking to engage audiences in the spatial computing era. The visual identity is unapologetically bold and modern, utilizing a high-contrast dark mode aesthetic that allows vibrant AR content to pop. The design employs a sophisticated mix of heavy, impactful sans-serif typography paired with delicate, hand-drawn script elements, creating a tension between technical precision and creative whimsy. This stylistic choice perfectly mirrors their core service: the intersection of structured technology and imaginative, human-centric storytelling."]