[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-jxnblk":3,"facets-{\"includeAuthors\":\"false\"}":116,"facets-baseline-false":281,"similar-websites-jxnblk":314},{"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":33,"pages":34,"typefaces":46,"technologiesByCategory":47,"pagespeedDesktop":63,"pagespeedMobile":74,"performanceDesktop":66,"performanceMobile":76,"colorBuckets":80,"colorPalette":97},"ee34c835-1e1f-4c6d-86f1-f58a0e3674c7","Jxnblk","jxnblk","https:\u002F\u002Fjxnblk.com","2026-05-23T19:09:44.000Z","2026-05-04T10:45:23.000Z","e829b418-0d42-4598-a533-f385b840446d","2cfc7b48-83b2-4ae8-a6ae-62a48c626fd5",1440,900,780,1688,"Jxnblk is the professional digital portfolio of Brent Jackson, a Brooklyn-based design engineer and indie game developer. The site serves as a high-signal hub for his technical expertise in front-end design systems and his creative ventures in game development, bridging the gap between rigorous engineering and artistic storytelling.\n\nThe visual identity is defined by a sophisticated, minimalist aesthetic that leans into high-impact typography and a spacious, airy layout. By utilizing a clean, light-mode palette and a structured grid, the design communicates technical precision and modern professionalism, making it an ideal showcase for a developer working at the intersection of code and craft.",{"title":18,"meta_description":19},"Jxnblk | Brent Jackson - Design Engineer & Game Dev","Portfolio of Brent Jackson, a design engineer and indie game developer specializing in modern front-end design systems and creative game design.",{"name":21,"label":22,"slug":23},"SaaS & Software","Software","software",[25,29],{"name":26,"label":27,"slug":28},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":30,"label":31,"slug":32},"Typographic \u002F Big Type","Typographic","typographic",[],[35],{"name":36,"title":37,"description":38,"url":39,"coverId":10,"coverMobileId":11,"alt":40,"altMobile":41,"pageType":42},"Homepage","The Modern Front-End Design System Stack | Jxnblk","Design engineer and aspiring indie game dev based in Brooklyn, NY","https:\u002F\u002Fjxnblk.com\u002F","A minimalist personal website with a white background and black typography. The header contains navigation links and a version number, followed by a large 'JXNBLK' title, a brief bio of Brent Jackson, and a wide hero image from the game Novantica showing a stylized urban landscape with trees and skyscrapers.","The mobile version maintains the minimalist white and black aesthetic but uses a stacked layout. The navigation links are arranged in multiple rows at the top, and the hero image is centered below the bio text with a 'novanticagame.com' call-to-action overlay.",{"name":43,"label":44,"slug":45},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[],{"CDN":48,"Miscellaneous":55,"PaaS":59},[49,52],{"name":50,"label":50,"slug":51},"Cloudflare","cloudflare",{"name":53,"label":53,"slug":54},"jsDelivr","jsdelivr",[56],{"name":57,"label":57,"slug":58},"HTTP\u002F3","http3",[60],{"name":61,"label":61,"slug":62},"Render","render",[64,67,70,72],{"category":65,"score":66},"performance",100,{"category":68,"score":69},"accessibility",97,{"category":71,"score":66},"best-practices",{"category":73,"score":66},"seo",[75,77,78,79],{"category":65,"score":76},90,{"category":68,"score":69},{"category":71,"score":66},{"category":73,"score":66},[81,85,89,93],{"value":82,"label":83,"hex":84},"white","White","#ffffff",{"value":86,"label":87,"hex":88},"gray","Gray","#737373",{"value":90,"label":91,"hex":92},"black","Black","#000000",{"value":94,"label":95,"hex":96},"teal","Teal","#00bba7",[98,101,104,107,110,113],{"hex":99,"percent":100},"#FEFFFF",0.7157,{"hex":102,"percent":103},"#4E6D4D",0.138,{"hex":105,"percent":106},"#568B9E",0.0644,{"hex":108,"percent":109},"#0B141D",0.0359,{"hex":111,"percent":112},"#B4BDBC",0.0325,{"hex":114,"percent":115},"#55E5EC",0.0134,{"facetDistribution":117,"facetLabels":194},{"industry":118,"styles":138,"technologies":153,"font_families":179,"page_type_name":192},{"Agency & Studio":119,"Art & Culture":120,"SaaS & Software":121,"Fashion & Apparel":122,"Architecture & Real Estate":123,"Entertainment & Media":124,"Food & Beverage":125,"Photography & Video":126,"Finance & Fintech":127,"Healthcare & Wellness":128,"Technology & Hardware":129,"Industrial & Manufacturing":130,"Beauty & Cosmetics":131,"Travel & Hospitality":132,"Non-Profit & Charity":133,"Education & Courses":134,"Crypto & Web3":135,"Sports & Fitness":136,"Automotive & Transportation":137},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":139,"Typographic \u002F Big Type":140,"High-End \u002F Luxury":141,"Dark Mode":142,"Vibrant \u002F Colorful":143,"Monochrome \u002F Grayscale":144,"Fun \u002F Playful":145,"Brutalist \u002F Neo-Brutalist":146,"Corporate \u002F Professional":147,"Illustrative \u002F Hand-drawn":148,"Futuristic \u002F Sci-Fi":149,"3D \u002F Spatial":150,"Retro \u002F Vintage \u002F Y2K":151,"Glassmorphism":152,"Bento Grid":152},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":154,"PHP":155,"WordPress":156,"Node.js":157,"React":158,"Vercel":159,"Vue.js":160,"Shopify":161,"Next.js":162,"Klaviyo":163,"Nuxt.js":164,"Typekit":165,"Amazon Web Services":166,"reCAPTCHA":167,"YouTube":168,"MailChimp":169,"Modernizr":170,"Bootstrap":171,"Slick":172,"Google Font API":173,"Craft CMS":174,"Framer Sites":175,"Contact Form 7":176,"Stimulus":177,"Google Maps":178},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,92,91,85,82,79,66,65,64,59,58,{"Inter":180,"Times New Roman":181,"Roboto":182,"Open Sans":76,"Neue Haas Grotesk":76,"Suisse Intl":183,"Arial":149,"Poppins":174,"Helvetica Neue":176,"Montserrat":184,"Diatype":150,"Neue Montreal":129,"Lato":130,"Graphik":185,"Source Sans":186,"Monument Grotesk":187,"Noto Sans":188,"Helvetica":189,"Söhne":190,"DM Sans":190,"Founders Grotesk":190,"GT America":191,"Google Sans":191,"Editorial":151,"IBM Plex Mono":134},315,168,127,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":193},2397,{"industry":195,"styles":214,"page_type_name":228,"technologies":229,"font_families":255},{"Agency & Studio":196,"Art & Culture":197,"SaaS & Software":22,"Fashion & Apparel":198,"Architecture & Real Estate":199,"Entertainment & Media":200,"Food & Beverage":201,"Photography & Video":202,"Finance & Fintech":203,"Healthcare & Wellness":204,"Technology & Hardware":205,"Industrial & Manufacturing":206,"Beauty & Cosmetics":207,"Travel & Hospitality":208,"Non-Profit & Charity":209,"Education & Courses":210,"Crypto & Web3":211,"Sports & Fitness":212,"Automotive & Transportation":213},"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":27,"Typographic \u002F Big Type":31,"High-End \u002F Luxury":215,"Dark Mode":216,"Vibrant \u002F Colorful":217,"Monochrome \u002F Grayscale":218,"Fun \u002F Playful":219,"Brutalist \u002F Neo-Brutalist":220,"Corporate \u002F Professional":221,"Illustrative \u002F Hand-drawn":222,"Futuristic \u002F Sci-Fi":223,"3D \u002F Spatial":224,"Retro \u002F Vintage \u002F Y2K":225,"Glassmorphism":226,"Bento Grid":227},"Luxury","Dark Mode","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":44},{"jQuery":230,"PHP":231,"WordPress":232,"Node.js":233,"React":234,"Vercel":235,"Vue.js":236,"Shopify":237,"Next.js":238,"Klaviyo":239,"Nuxt.js":240,"Typekit":241,"Amazon Web Services":242,"reCAPTCHA":243,"YouTube":244,"MailChimp":245,"Modernizr":246,"Bootstrap":247,"Slick":248,"Google Font API":249,"Craft CMS":250,"Framer Sites":251,"Contact Form 7":252,"Stimulus":253,"Google Maps":254},"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":256,"Times New Roman":257,"Roboto":258,"Open Sans":259,"Neue Haas Grotesk":260,"Suisse Intl":261,"Arial":262,"Poppins":263,"Helvetica Neue":264,"Montserrat":265,"Diatype":266,"Neue Montreal":267,"Lato":268,"Graphik":269,"Source Sans":270,"Monument Grotesk":271,"Noto Sans":272,"Helvetica":273,"Söhne":274,"DM Sans":275,"Founders Grotesk":276,"GT America":277,"Google Sans":278,"Editorial":279,"IBM Plex Mono":280},"Inter","Times New Roman","Roboto","Open Sans","Neue Haas Grotesk","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Diatype","Neue Montreal","Lato","Graphik","Source Sans","Monument Grotesk","Noto Sans","Helvetica","Söhne","DM Sans","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":282,"facetLabels":298},{"industry":283,"styles":284,"technologies":285,"font_families":286,"page_type_name":287},{"Agency & Studio":119,"Art & Culture":120,"SaaS & Software":121,"Fashion & Apparel":122,"Architecture & Real Estate":123,"Entertainment & Media":124,"Food & Beverage":125,"Photography & Video":126,"Finance & Fintech":127,"Healthcare & Wellness":128,"Technology & Hardware":129,"Industrial & Manufacturing":130,"Beauty & Cosmetics":131,"Travel & Hospitality":132,"Non-Profit & Charity":133,"Education & Courses":134,"Crypto & Web3":135,"Sports & Fitness":136,"Automotive & Transportation":137},{"Clean \u002F Minimalist":139,"Typographic \u002F Big Type":140,"High-End \u002F Luxury":141,"Dark Mode":142,"Vibrant \u002F Colorful":143,"Monochrome \u002F Grayscale":144,"Fun \u002F Playful":145,"Brutalist \u002F Neo-Brutalist":146,"Corporate \u002F Professional":147,"Illustrative \u002F Hand-drawn":148,"Futuristic \u002F Sci-Fi":149,"3D \u002F Spatial":150,"Retro \u002F Vintage \u002F Y2K":151,"Glassmorphism":152,"Bento Grid":152},{"jQuery":154,"PHP":155,"WordPress":156,"Node.js":157,"React":158,"Vercel":159,"Vue.js":160,"Shopify":161,"Next.js":162,"Klaviyo":163,"Nuxt.js":164,"Typekit":165,"Amazon Web Services":166,"reCAPTCHA":167,"YouTube":168,"MailChimp":169,"Modernizr":170,"Bootstrap":171,"Slick":172,"Google Font API":173,"Craft CMS":174,"Framer Sites":175,"Contact Form 7":176,"Stimulus":177,"Google Maps":178},{"Inter":180,"Times New Roman":181,"Roboto":182,"Open Sans":76,"Neue Haas Grotesk":76,"Suisse Intl":183,"Arial":149,"Poppins":174,"Helvetica Neue":176,"Montserrat":184,"Diatype":150,"Neue Montreal":129,"Lato":130,"Graphik":185,"Source Sans":186,"Monument Grotesk":187,"Noto Sans":188,"Helvetica":189,"Söhne":190,"DM Sans":190,"Founders Grotesk":190,"GT America":191,"Google Sans":191,"Editorial":151,"IBM Plex Mono":134},{"Home \u002F Landing Page":288,"About Us \u002F Team":289,"Projects \u002F Portfolio":290,"Contact Us":291,"Blog \u002F Article Layout":292,"Services \u002F Features":293,"Shop \u002F Catalog":294,"Careers \u002F Jobs":295,"Pricing Page":128,"Sign Up \u002F Login":296,"404 Error Page":297},2401,774,527,418,378,341,299,89,27,9,{"industry":299,"styles":300,"page_type_name":301,"technologies":312,"font_families":313},{"Agency & Studio":196,"Art & Culture":197,"SaaS & Software":22,"Fashion & Apparel":198,"Architecture & Real Estate":199,"Entertainment & Media":200,"Food & Beverage":201,"Photography & Video":202,"Finance & Fintech":203,"Healthcare & Wellness":204,"Technology & Hardware":205,"Industrial & Manufacturing":206,"Beauty & Cosmetics":207,"Travel & Hospitality":208,"Non-Profit & Charity":209,"Education & Courses":210,"Crypto & Web3":211,"Sports & Fitness":212,"Automotive & Transportation":213},{"Clean \u002F Minimalist":27,"Typographic \u002F Big Type":31,"High-End \u002F Luxury":215,"Dark Mode":216,"Vibrant \u002F Colorful":217,"Monochrome \u002F Grayscale":218,"Fun \u002F Playful":219,"Brutalist \u002F Neo-Brutalist":220,"Corporate \u002F Professional":221,"Illustrative \u002F Hand-drawn":222,"Futuristic \u002F Sci-Fi":223,"3D \u002F Spatial":224,"Retro \u002F Vintage \u002F Y2K":225,"Glassmorphism":226,"Bento Grid":227},{"Home \u002F Landing Page":44,"About Us \u002F Team":302,"Projects \u002F Portfolio":303,"Contact Us":304,"Blog \u002F Article Layout":305,"Services \u002F Features":306,"Shop \u002F Catalog":307,"Careers \u002F Jobs":308,"Pricing Page":309,"Sign Up \u002F Login":310,"404 Error Page":311},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":230,"PHP":231,"WordPress":232,"Node.js":233,"React":234,"Vercel":235,"Vue.js":236,"Shopify":237,"Next.js":238,"Klaviyo":239,"Nuxt.js":240,"Typekit":241,"Amazon Web Services":242,"reCAPTCHA":243,"YouTube":244,"MailChimp":245,"Modernizr":246,"Bootstrap":247,"Slick":248,"Google Font API":249,"Craft CMS":250,"Framer Sites":251,"Contact Form 7":252,"Stimulus":253,"Google Maps":254},{"Inter":256,"Times New Roman":257,"Roboto":258,"Open Sans":259,"Neue Haas Grotesk":260,"Suisse Intl":261,"Arial":262,"Poppins":263,"Helvetica Neue":264,"Montserrat":265,"Diatype":266,"Neue Montreal":267,"Lato":268,"Graphik":269,"Source Sans":270,"Monument Grotesk":271,"Noto Sans":272,"Helvetica":273,"Söhne":274,"DM Sans":275,"Founders Grotesk":276,"GT America":277,"Google Sans":278,"Editorial":279,"IBM Plex Mono":280},{"hits":315},[316,453,588,719],{"id":317,"website_id":318,"page_id":317,"name":319,"slug":320,"url":321,"website_name":319,"website_slug":320,"website_url":322,"result_url":321,"fetched_at":323,"score":148,"score_boost":324,"ai_score":295,"freshness_score":127,"scored_at":325,"page_name":36,"page_url":321,"page_title":326,"page_description":327,"page_content":328,"page_sort":324,"is_home":329,"is_home_rank":330,"page_type_id":331,"page_type_name":43,"cover":332,"cover_mobile":335,"cover_sequence":338,"translations":429,"industry":21,"styles":433,"credits":435,"font_families":436,"technologies":437,"pagespeed":438,"pagespeed_mobile":445,"buckets":451,"search_payload":452},"598a916e-c9e1-4787-80e9-d9a1ec75cb56","d9688ed3-92e0-4167-8cf8-579fada6d4e1","Ionic","ionicframework","https:\u002F\u002Fionicframework.com\u002F","https:\u002F\u002Fionicframework.com","2026-05-05T19:51:28.000Z",0,"2026-05-23T19:09:51.000Z","Ionic Framework - The Cross-Platform App Development Leader","Ionic empowers web developers to build leading cross-platform mobile apps and Progressive Web Apps (PWAs)","The mobile SDK for the Web. An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base in React.Vue.Angular. Get started →$ npm i -g @ionic\u002Fcli - speedometer icon ## Performant Built to be fast by default—with hardware accelerated transitions, and touch-optimized gestures. - speedometer icon ### Cross-platform Create stunning, flexible UIs for all major app platforms from a single shared codebase. - speedometer icon ### React, Angular, or Vue Built-in support for JavaScript Frameworks, or use without any framework at all. - speedometer icon ### Light & Dark mode Give your users light and dark theme choices so they can choose what’s most eye-friendly. Powering incredible app experiences at the world’s best companies aflac logotarget logosouthwest logoh&r block logoibm logot-mobile logo Book cover Learn the differences between hybrid and native apps. _We break down all the myths and misconceptions._ Read the free eBook → Cross-platform mobile UI Modern UI paradigms. Ready for mobile. Explore UI components → - sun icon moon icon moon image ### Slider Supports keyboard and touch input, step interval, multiple thumb, and RTL direction - sun icon moon icon moon image ### Alert Stock with two platform modes, fine-grained focus control, accessible to screen readers - sun icon moon icon moon image ### Chip Can contain several different elements such as avatars, text, and icons - sun icon moon icon moon image ### Checkbox Allow for the display and selection of multiple options from a set of options - sun icon moon icon moon image ### Toggle Can be switched on or off by pressing or swiping and can also be checked programmatically - sun icon moon icon moon image ### Input A wrapper to the HTML input element with custom styling and additional functionality First-Class DX Build and preview directly in your Web Browser. - Action Sheet - Calendar - Modal - Progress Bar See all → iOSAndroid - icon ### A powerful CLI Create, build, test, and deploy your app with the Ionic CLI. You can even use your favorite JS framework’s CLI. - icon ### Enhanced editor tooling The Ionic VS Code Extension can help follow best practices and perform common tasks from within your editor - icon ### On-Device Hot Refresh Speed up your process by developing right on device and making use of Hot Refresh to see your changes applied instantly. angular vue react cube JS Agnostic Use the JavaScript tech you prefer. We don’t make assumptions about the JS Frameworks you prefer to build with. That’s why we engineered Ionic to integrate seamlessly with all best frontend frameworks, including Angular, React, Vue, or even no framework. Get started: - vue ionic iconionic\u002Fvue - react ionic iconionic\u002Freact - angular ionic iconionic\u002Fangular Performance obsessed Build apps that are fast by default. Ionic is built to perform fast on the all of the latest mobile devices. Build apps with a small footprint and built-in best practices like hardware accelerated transitions, touch-optimized gestures, pre-rendering, and more. Start building → ionic performance metrics window buttons icon Seemless native integration Connect to native when you need it. Access full native device functionality with JavaScript. Choose from a library of native device plugins for Camera, Maps, Geolocation, Bluetooth, and more. Dive into the full native SDKs at any time—there’s no limit. - ### Filesystem Save and read documents, assets, and other content - ### Camera Capture photos, save images, and configure hardware settings - ### Share Share content in any share-enabled app a user has installed - native icon ### Write once. Run anywhere. Deploy your Ionic apps directly to iOS and Android app stores using the Capacitor bridge and cross-platform plugin APIs. - native icon ### Custom plugin development Creating custom native experiences is easy with a simple Plugin API for Swift on iOS, Java on Android, and JavaScript for the web. - native icon ### Build & deploy in the cloud Generate native builds, push live app updates, publish to the app stores, and automate the whole process with Ionic Appflow. Infinitely Customizable UIs that feel at home wherever they are deployed. Start with pre-built iOS and Material Design themes that use Adaptive Styling to display correctly on the platforms they’re rendered on, or easily tailor the components and create custom UIs that match your brand. Android icon Android iOS icon iOS Custom icon Custom sun icon moon icon Android front light theme ![Android front dark theme](\u002F_next\u002Fimage …",true,1,"1",{"id":333,"height":13,"width":12,"blurhash":334},"efe0b161-24de-4fd8-b717-49d0aa10332d","radial-gradient(at 0 0,#dde0e7,#00000000 50%),radial-gradient(at 33% 0,#dddfe5,#00000000 50%),radial-gradient(at 67% 0,#dfe1e5,#00000000 50%),radial-gradient(at 100% 0,#e0e0e2,#00000000 50%),radial-gradient(at 0 50%,#f3f9ff,#00000000 50%),radial-gradient(at 33% 50%,#eef1f5,#00000000 50%),radial-gradient(at 67% 50%,#e8e9ec,#00000000 50%),radial-gradient(at 100% 50%,#ededf0,#00000000 50%),radial-gradient(at 0 100%,#eaf2f9,#00000000 50%),radial-gradient(at 33% 100%,#e6e9f0,#00000000 50%),radial-gradient(at 67% 100%,#e6e7ea,#00000000 50%),radial-gradient(at 100% 100%,#eeedee,#00000000 50%)",{"id":336,"height":15,"width":14,"blurhash":337},"57a2f560-f708-48c6-bcc3-9de8b315ed48",null,[339,342,345,348,351,354,357,360,363,366,369,372,375,378,381,384,387,390,393,396,399,402,405,408,411,414,417,420,423,426],{"directus_files_id":340},{"id":341},"3f6d9578-0277-494d-bafa-1a4406344ca0",{"directus_files_id":343},{"id":344},"202138de-905d-47b9-bc7e-029b87d016b7",{"directus_files_id":346},{"id":347},"63facffa-5602-47e2-843a-466079e6b0e2",{"directus_files_id":349},{"id":350},"33591837-524a-4223-9546-c6f3f7b9d20f",{"directus_files_id":352},{"id":353},"5d6f59de-cd3e-4687-993b-c50ec01e5750",{"directus_files_id":355},{"id":356},"9dbea336-32bc-4ae0-bfa0-0c73bfbda64a",{"directus_files_id":358},{"id":359},"c8544046-1c89-4b49-aa57-13d4e9d75da1",{"directus_files_id":361},{"id":362},"dad2101f-1b52-4352-9f5f-f88bdd270fa7",{"directus_files_id":364},{"id":365},"a8802d85-06f8-4720-b301-bb7007187efb",{"directus_files_id":367},{"id":368},"d10a9116-ce7b-4367-aeb5-48f1e3b3c7e8",{"directus_files_id":370},{"id":371},"870e68a9-00cb-45b0-818d-fff8426159c7",{"directus_files_id":373},{"id":374},"1ef56a32-f07a-4072-80d3-2675f836cfda",{"directus_files_id":376},{"id":377},"b07a76fc-d251-40e9-829c-dcc8abb3375c",{"directus_files_id":379},{"id":380},"00cc03b2-40c6-4a0c-b46f-86f83d8a492c",{"directus_files_id":382},{"id":383},"6f2b4d81-a748-47ec-97e4-08e1ac877a5d",{"directus_files_id":385},{"id":386},"b25faed4-9158-45b2-b7b2-26e61fd43876",{"directus_files_id":388},{"id":389},"988a9482-c793-43b7-a2aa-e80d0aaeb263",{"directus_files_id":391},{"id":392},"921b4488-b066-4334-8b33-cfd76e494be4",{"directus_files_id":394},{"id":395},"20373f03-ab6e-45fe-9e19-991249ef4cc7",{"directus_files_id":397},{"id":398},"72e360ec-32ff-4be6-8ba3-529c20b21987",{"directus_files_id":400},{"id":401},"e5308cff-7502-445f-8add-e8042ce735e2",{"directus_files_id":403},{"id":404},"2e5af906-e97f-4450-9130-5f026f54d18d",{"directus_files_id":406},{"id":407},"3f9ac85a-e004-4557-9b0c-2cf15065dd2f",{"directus_files_id":409},{"id":410},"fe63f0f3-70e8-41fa-a57e-b8284fe44d5b",{"directus_files_id":412},{"id":413},"02a326a6-a25c-4505-938d-ffbb3d1cec5b",{"directus_files_id":415},{"id":416},"5f17ba36-ff06-41a4-992b-831dae0e08b0",{"directus_files_id":418},{"id":419},"bfefa37f-d663-4046-ad17-8d6704ba70fa",{"directus_files_id":421},{"id":422},"3d2e4f39-c8c5-4214-82b5-34dde966fcdc",{"directus_files_id":424},{"id":425},"891bc8e4-1310-4de6-861a-9a018b993ae3",{"directus_files_id":427},{"id":428},"5a615d35-8018-425f-bfbc-5494690da3fb",[430],{"languages_code":431,"description":432},"en","Ionic provides a robust, open-source UI toolkit designed to empower web developers to build high-performance, cross-platform mobile applications and Progressive Web Apps (PWAs). By leveraging familiar web technologies, the platform enables developers to maintain a single codebase that functions seamlessly across iOS, Android, and the web, significantly reducing development overhead and time-to-market.\n\nThe visual identity is defined by a clean, high-tech aesthetic that prioritizes clarity and developer experience. Utilizing a sophisticated palette of soft blues, whites, and deep navy typography, the design communicates reliability and modern engineering. The layout employs ample whitespace and large, impactful headings to guide the user through technical documentation and component showcases, catering to a professional audience of software engineers and technical architects.",[26,434,30],"Corporate \u002F Professional",[],[256],[235],[439,441,442,444],{"score":440,"category":65},98,{"score":169,"category":68},{"score":443,"category":71},96,{"score":66,"category":73},[446,448,449,450],{"score":447,"category":65},73,{"score":443,"category":68},{"score":443,"category":71},{"score":66,"category":73},[82,90,86],"Website: Ionic. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Ionic Framework - The Cross-Platform App Development Leader. Page description: Ionic empowers web developers to build leading cross-platform mobile apps and Progressive Web Apps (PWAs). Page content: The mobile SDK for the Web. An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base in React.Vue.Angular. Get started →$ npm i -g @ionic\u002Fcli - speedometer icon ## Performant Built to be fast by default—with hardware accelerated transitions, and touch-optimized gestures. - speedometer icon ### Cross-platform Create stunning, flexible UIs for all major app platforms from a single shared codebase. - speedometer icon ### React, Angular, or Vue Built-in support for JavaScript Frameworks, or use without any framework at all. - speedometer icon ### Light & Dark mode Give your users light and dark theme choices so they can choose what’s most eye-friendly. Powering incredible app experiences at the world’s best companies aflac logotarget logosouthwest logoh&r block logoibm logot-mobile logo Book cover Learn the differences between hybrid and native apps. _We break down all the myths and misconceptions._ Read the free eBook → Cross-platform mobile UI Modern UI paradigms. Ready for mobile. Explore UI components → - sun icon moon icon moon image ### Slider Supports keyboard and touch input, step interval, multiple thumb, and RTL direction - sun icon moon icon moon image ### Alert Stock with two platform modes, fine-grained focus control, accessible to screen readers - sun icon moon icon moon image ### Chip Can contain several different elements such as avatars, text, and icons - sun icon moon icon moon image ### Checkbox Allow for the display and selection of multiple options from a set of options - sun icon moon icon moon image ### Toggle Can be switched on or off by pressing or swiping and can also be checked programmatically - sun icon moon icon moon image ### Input A wrapper to the HTML input element with custom styling and additional functionality First-Class DX Build and preview directly in your Web Browser. - Action Sheet - Calendar - Modal - Progress Bar See all → iOSAndroid - icon ### A powerful CLI Create, build, test, and deploy your app with the Ionic CLI. You can even use your favorite JS framework’s CLI. - icon ### Enhanced editor tooling The Ionic VS Code Extension can help follow best practices and perform common tasks from within your editor - icon ### On-Device Hot Refresh Speed up your process by developing right on device and making use of Hot Refresh to see your changes applied instantly. angular vue react cube JS Agnostic Use the JavaScript tech you prefer. We don’t make assumptions about the JS Frameworks you prefer to build with. That’s why we engineered Ionic to integrate seamlessly with all best frontend frameworks, including Angular, React, Vue, or even no framework. Get started: - vue ionic iconionic\u002Fvue - react ionic iconionic\u002Freact - angular ionic iconionic\u002Fangular Performance obsessed Build apps that are fast by default. Ionic is built to perform fast on the all of the latest mobile devices. Build apps with a small footprint and built-in best practices like hardware accelerated transitions, touch-optimized gestures, pre-rendering, and more. Start building → ionic performance metrics window buttons icon Seemless native integration Connect to native when you need it. Access full native device functionality with JavaScript. Choose from a library of native device plugins for Camera, Maps, Geolocation, Bluetooth, and more. Dive into the full native SDKs at any time—there’s no limit. - ### Filesystem Save and read documents, assets, and other content - ### Camera Capture photos, save images, and configure hardware settings - ### Share Share content in any share-enabled app a user has installed - native icon ### Write once. Run anywhere. Deploy your Ionic apps directly to iOS and Android app stores using the Capacitor bridge and cross-platform plugin APIs. - native icon ### Custom plugin development Creating custom native experiences is easy with a simple Plugin API for Swift on iOS, Java on Android, and JavaScript for the web. - native icon ### Build & deploy in the cloud Generate native builds, push live app updates, publish to the app stores, and automate the whole process with Ionic Appflow. Infinitely Customizable UIs that feel at home wherever they are deployed. Start with pre-built iOS and Material Design themes that use Adaptive Styling to display correctly on the platforms they’re rendered on, or easily tailor the components and create custom UIs that match your brand. Android icon Android iOS icon iOS Custom icon Custom sun icon moon icon Android front light theme ![Android front dark theme](\u002F_next\u002Fimage …. A Clean \u002F Minimalist, Corporate \u002F Professional, Typographic \u002F Big Type website in the SaaS & Software industry. The overall color palette features White, Black, Gray. The typography features Inter (Sans Serif). Built using Vercel. AI description: Ionic provides a robust, open-source UI toolkit designed to empower web developers to build high-performance, cross-platform mobile applications and Progressive Web Apps (PWAs). By leveraging familiar web technologies, the platform enables developers to maintain a single codebase that functions seamlessly across iOS, Android, and the web, significantly reducing development overhead and time-to-market. The visual identity is defined by a clean, high-tech aesthetic that prioritizes clarity and developer experience. Utilizing a sophisticated palette of soft blues, whites, and deep navy typography, the design communicates reliability and modern engineering. The layout employs ample whitespace and large, impactful headings to guide the user through technical documentation and component showcases, catering to a professional audience of software engineers and technical architects.",{"id":454,"website_id":455,"page_id":454,"name":456,"slug":457,"url":458,"website_name":456,"website_slug":457,"website_url":459,"result_url":458,"fetched_at":460,"score":461,"score_boost":324,"ai_score":172,"freshness_score":462,"scored_at":463,"page_name":36,"page_url":458,"page_title":464,"page_description":465,"page_content":466,"page_sort":324,"is_home":329,"is_home_rank":330,"page_type_id":331,"page_type_name":43,"cover":467,"cover_mobile":470,"cover_sequence":472,"translations":563,"industry":21,"styles":566,"credits":567,"font_families":569,"technologies":572,"pagespeed":574,"pagespeed_mobile":580,"buckets":586,"search_payload":587},"45536f93-1a99-449f-b9cf-7e06a62319d4","ed72b3ef-60ab-4951-b6db-408b90c9d379","Tim Roussilhe","tim-roussilhe","https:\u002F\u002Ftimroussilhe.com\u002F","https:\u002F\u002Ftimroussilhe.com","2026-05-04T10:20:08.000Z",80,74,"2026-05-23T20:28:23.000Z","Tim Roussilhe - Design Engineer","I am a developer and designer, I enjoy building beautiful and thoughtful experiences. I like to mix code surprising visuals and pleasing interactions.","Timothée Roussilhe Oh my! Portfolio 2026 Contact me Copy my email address or [Open your email default app (you know the thing called \"email\")](mailto:timothee.roussilhe@gmail.com) Send me an email Timothée Roussilhe Design Engineer ☠️ Do not press this! Here is a selection of my work realized during 2014 - 2026 > Life is filigree work. > What is written clearly is not worth much, > > it's the transpa rency > > that c o > u n ts > . SS 026 Stripe.com Redesign Stripe.com Redesign Led the 2026 stripe.com refresh as Lead Design Engineer. Rebuilt core architecture from scratch, migrating to React, TypeScript and Next.js. Directed a team of 6 engineers and 4 designers to deliver an ambitious redesign on a tight timeline. Created a new token-based design system and composable page architecture. - Client ¬ Stripe - Dev stack ¬ React, TypeScript, Next.js, Design Tokens, CSS - More Info ¬ - Visit Website ¬ STRIPE Design Engineer SS 024 Stripe Sessions 2024 Stripe Sessions 2024 Built the website for Stripe Sessions 2024, Stripe's annual live conference. Crafted an interactive and polished experience showcasing the event's agenda, speakers and brand. - Client ¬ Stripe - Dev stack ¬ React, TypeScript, Next.js, Animation - More Info ¬ - Visit Website ¬ STRIPE Design Engineer SS 024 Sarah Bassett Portfolio Sarah Bassett Portfolio Designed and developed the portfolio for Sarah Bassett. Focused on elegant interaction design and motion (inspired by Known web UI) to showcase her work. - Client ¬ Personal - Dev stack ¬ Interactive, Motion, Transitions, GSAP - More Info ¬ - Visit Website ¬ SARAH BASSETT Developer & Interaction Designer AW 023 David William Baum 2023 David William Baum 2023 Redesigned and rebuilt David William Baum's photography portfolio. An update to the original site, focused on minimal design and thoughful interactions - Client ¬ Personal - Dev stack ¬ Interactive, Motion, Transitions, GSAP, Custom Framework - More Info ¬ - Visit Website ¬ DAVID WILLIAM BAUM PHOTOGRAPHER Developer & Interaction Designer AW 019 David William Baum Portfolio David William Baum Portfolio David William Baum is a fashion, still life, and landscape photographer and creative director working out of New York, Los Angeles, and San Francisco. We tried to provide a simple canvas that highlights the quality of his work. His new website explores contrasts of scale as its primary theme. All the imagery is mixed up, small and unorganized, but as you head deeper into the site, content becomes larger and more structured. Commercial Type's Styrene, an intentionally awkward sans serif family with wider 'A' and narrower 'B' versions, adds a clean, geometric quality and provides an anchor for the kinetic imagery. - Client ¬ Personal - Dev stack ¬ Interactive, Motion, Transitions, GSAP, responsive, Custom Framework - More Info ¬ - Visit Website ¬ DAVID WILLIAM BAUM PHOTOGRAPHER Developer & Interaction Designer AW 019 Squarespace Homepage Squarespace Homepage In 2019 I was the Lead Developer on the new Squarespace Homepage. Applying our new branding and building the page and the main carousel was an interesting challenge. It was a real team effort with the FrontSite Team: Brandon, Crystal, Robyn and Cody. As part of this project we also built a brand new styleguide for all of Squarespace.com - Client ¬ Squarespace - Dev stack ¬ HTML5, Squarespace, Custom Framework - More Info ¬ - Visit Website ¬ SQUARESPACE Lead Developer SS 020 Waka Waka Waka Waka Waka Waka, The Full Collection. Shin Okuda's selected works of hand-craft wood furniture & functional objects. - Client ¬ Personal - Dev stack ¬ HTML5, WEBGL, Custom Framework, Animations - More Info ¬ - Visit Website ¬ WAKAWAKA Developer & Interaction Designer SS 018 Vincent Tavano Vincent Tavano Had a blast working with my friend Vincent to build his new portfolio. I was in charge of the coding and interaction design. Have fun exploring the website! - Client ¬ Personal - Dev stack ¬ PixiJS, Physics, Canvas, audio, animations, Custom Framework, Static site - Awards ¬ awwwards - More Info ¬ VINCENT TAVANO Developer & Interaction Designer AW 018 Jack Davison Portfolio Jack Davison Portfolio Portfolio for the talented photographer Jack Davison. The goal was to have a really minimal site, putting the work of Jack and his photos at the center of the experience. The navigation is simple and the use of motion allows us to create a flow and a narrative between each series. Art Direction by Vincent Tavano. Code & Motion by myself. - Client ¬ Personal - Dev stack ¬ Interactive, Motion, Transitions, GSAP, responsive, Custom Framework, Redux - Awards ¬ site inspire - More Info ¬ - Visit Website ¬ JACK DAVISON PHOTOGRAPHER Developer & Interaction Designer SS 018 Andy H Wei Andy H Wei Portfolio for artist Andy H Wei. Designed and built with a focus on interaction design and motion to showcase his body of work. - Client ¬ Personal - Dev stack ¬ Interactive, Motion, Transitions, GSAP, responsive - More Info ¬ - Visit Website ¬ Andy H Wei | Artist Portfolio Lead Developer & Interaction Designer SS 018 Squarespace Prototypes Squarespace Prototypes A series of various prototypes made at Squarespace. The prototypes explore different subjects: Galleries, Image manipulation, Motion and more. - Client ¬ Squarespace - Dev stack ¬ Shaders, Physics, Motion, Squarespace - More Info ¬ Squarespace Prototypes Developer & Interaction Designer SS 016 Alexandre Rochet Alexandre Rochet Had a blast working with my friend Alexandre to build his new portfolio. I was in charge of the coding and interaction design. There is a lot of details in the motion, like the parallax on the homepage, the spring physic of the menu, the animation of the letters or the displacement map applied to Alex's face. Have fun exploring the website! - Client ¬ Stink Studios - Dev stack ¬ Css animation, Homemade framework - Awards ¬ FWA, awwwards - More Info ¬ - Visit Website ¬ ALEXANDRE ROCHET Developer & Interaction Designer SS 017 Google Pride Google Pride I had the chance at Stink Studios to partner with Google to design a platform to celebrate and promote Pride from all over the World. Because we all have a reason to #ShowUp. - Client ¬ Stink Studios - Dev stack ¬ ES6, Redux, Interactive - More Info ¬ - Visit Website ¬ Google Developer AW 016 The Hidden Worlds of the National Parks The Hidden Worlds of the National Parks An interactive tour of America's most beautiful national parks. Follow rangers on an immersive adventure through five National Parks. Rappel into a crevasse, fly with thousands of bats, soar over an active volcano, dive through shipwrecks, and experience the Milky Way in 360° video and ambisonic audio. - Client ¬ Stink Studios - Dev stack ¬ React, ThreeJS, 360 videos, 4 custom modules - More Info ¬ - Visit Website ¬ Google Developer SS 016 Spotify: Inside Discovery Spotify: Inside Discovery We worked together with Pitchfork and Spotify to create Inside Discovery. An editorial interactive website that lets users have a look into fresh Discover Weekly playlists from Pitchfork editors and their favorite artists. - Client ¬ Stink Studios - Dev stack ¬ Css animation, Homemade framework - Awards ¬ FWA, awwwards - More Info ¬ - Visit Website ¬ PITCHFORK & SPOTIFY Lead Developer & UX Designer AW 016 Twitter MTC Twitter MTC We partnered with Twitter to prototype and design a new platform full of inspiration, solutions and tools to help marketers and agencies capitalize on the power of Twitter. Was really interesting to work closely with Designer and be part of the Sprints - Client ¬ Stink Studios - Dev stack ¬ Design Guideline, Full HTML & Motion design prototypes - More Info ¬ - Case study ¬ Twitter Prototypes Developer, UX & Motion AW 016 Stink Studios Stink Studios In 2016 we launched the new version of StinkDigital portfolio, now called Stink Studios: A global creative studio for a digital-first world. - Client ¬ Stink Studios - Dev stack ¬ Isomorphic Rendering, gradient shader, custom Lazy loading, fast page: 2mo desktop, 1mo mobile - More Info ¬ - Visit Website ¬ New Portfolio Creative\u002FFront-end Developer AW 016 Found them first Found them first This is the second in a series of B-Sides data experiments for Spotify. Found Them First compares your individual Spotify listening history to global data in order to reveal just how many artists you discovered before the tidal wave of mainstream acceptance hit. - Client ¬ Stink Studios - Dev stack ¬ PixiJS - More Info ¬ - Case study ¬ Spotify Developer AW 014 Il etait une foret Il etait une foret Immerse yourself in an expedition to the heart of the tropical primary forests. In the footsteps of the team of the film, discover this incredible universe and learn to detect its codes. - Client ¬ Freelance - More Info ¬ - Visit the website ¬ Luc Jacquet Lead Developer WWF 40 Years Anniversary WWF 40 Years Anniversary We partnered with WWF to launch an interactive website showcasing 40 Years of Commitment to the Planet. - Client ¬ Freelance - More Info ¬ - Visit the website ¬ WWF UX Designer AW 014 What are you made of? What are you made of? What are you made of? is a rich and mind-bending interactive film experience for the launch of Far Cry 4. Reveal your personality through 4 rites where every decision you make changes the course of the experience! - Client ¬ Stink Studios Paris - Dev stack ¬ ThreeJS, custom video modules, binaural sounds - More Info ¬ Far Cry 4 Developer 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 2 2 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 \u002F21 Purpose & Form About Hi there, I am a Design Engineer, I enjoy building beautiful and thoughtf …",{"id":468,"height":13,"width":12,"blurhash":469},"94125a6b-2f89-46ba-8bf9-d19c437b040e","radial-gradient(at 0 0,#b3b3b3,#00000000 50%),radial-gradient(at 33% 0,#b0b0b0,#00000000 50%),radial-gradient(at 67% 0,#b0b0b0,#00000000 50%),radial-gradient(at 100% 0,#b0b0b0,#00000000 50%),radial-gradient(at 0 50%,#b0b0b0,#00000000 50%),radial-gradient(at 33% 50%,#b1b1b1,#00000000 50%),radial-gradient(at 67% 50%,#b3b3b3,#00000000 50%),radial-gradient(at 100% 50%,#b1b1b1,#00000000 50%),radial-gradient(at 0 100%,#b2b2b2,#00000000 50%),radial-gradient(at 33% 100%,#b0b0b0,#00000000 50%),radial-gradient(at 67% 100%,#b1b1b1,#00000000 50%),radial-gradient(at 100% 100%,#b0b0b0,#00000000 50%)",{"id":471,"height":15,"width":14,"blurhash":337},"bf3149a3-7d84-4dae-9161-401d68c0f757",[473,476,479,482,485,488,491,494,497,500,503,506,509,512,515,518,521,524,527,530,533,536,539,542,545,548,551,554,557,560],{"directus_files_id":474},{"id":475},"73bd3875-383d-4eb7-934a-a8933eabc033",{"directus_files_id":477},{"id":478},"bfc05f48-e949-49b1-beff-91cce7aa5d96",{"directus_files_id":480},{"id":481},"b00530cb-67de-4e29-9282-924fabc9cac7",{"directus_files_id":483},{"id":484},"5aafb7d2-6172-4dff-ad70-53c44e5110ed",{"directus_files_id":486},{"id":487},"227a5842-6804-451c-88de-3d94e306f32d",{"directus_files_id":489},{"id":490},"79ac5f36-0472-4d76-8620-5234b3e7a100",{"directus_files_id":492},{"id":493},"7b9d07c8-92b2-4d6d-8778-faf6dbc81c95",{"directus_files_id":495},{"id":496},"43be9a79-c4fe-4b2b-826b-a9e6f25f7d58",{"directus_files_id":498},{"id":499},"d1b70adf-47ed-4acd-8ae5-9df50ece9aac",{"directus_files_id":501},{"id":502},"8fe418a5-6f65-4ea9-92a8-7fb000b8531d",{"directus_files_id":504},{"id":505},"04605f21-edc7-4158-9ae2-9b1a0656ed05",{"directus_files_id":507},{"id":508},"06f4795d-7b92-45fb-8491-76e3c9bd13e1",{"directus_files_id":510},{"id":511},"7ad313f9-5c62-4e2d-84ad-b2a85b174d93",{"directus_files_id":513},{"id":514},"395dd4fe-fca0-4ac8-bea5-80acb5537e72",{"directus_files_id":516},{"id":517},"571a09a0-2bc8-430c-9d95-d0dde6ff6195",{"directus_files_id":519},{"id":520},"ef1726bc-3f2e-40b5-86cc-b6aecc9acf87",{"directus_files_id":522},{"id":523},"3357a997-4479-4e49-894b-886228be3121",{"directus_files_id":525},{"id":526},"ebc5f85f-d4f9-423c-bd07-0b470aab966d",{"directus_files_id":528},{"id":529},"0704833a-012d-47b1-a60b-d8e76d99d97a",{"directus_files_id":531},{"id":532},"268f3391-5d21-46ba-9ba8-852d57aedd61",{"directus_files_id":534},{"id":535},"ef4eea8c-76e4-42c0-97a1-387fb5b2fded",{"directus_files_id":537},{"id":538},"8dc2a47d-e51f-4193-a063-4c44ea840773",{"directus_files_id":540},{"id":541},"acbe1076-1f79-4f5e-976b-229c80c78e8a",{"directus_files_id":543},{"id":544},"cb7de4cc-6ec5-423c-87af-bab54a134dce",{"directus_files_id":546},{"id":547},"98772050-1b03-4a42-a73e-ca37805a7eba",{"directus_files_id":549},{"id":550},"410335fe-c79b-4ce1-92d2-2a7788fedefa",{"directus_files_id":552},{"id":553},"0b087a3c-6709-420e-8f03-771723031eb9",{"directus_files_id":555},{"id":556},"4650be64-93ac-484e-a59a-62ce19c0aaa8",{"directus_files_id":558},{"id":559},"855addc6-1084-4fb0-9fa6-8f72024656ce",{"directus_files_id":561},{"id":562},"7bad9ae2-9020-4e9e-b7a4-86dbd0b6c525",[564],{"languages_code":431,"description":565},"Tim Roussilhe’s portfolio serves as a sophisticated digital showcase for a multidisciplinary Design Engineer specializing in the intersection of code and high-end visual interaction. The site functions as a professional calling card, emphasizing a unique value proposition: the ability to bridge the gap between technical development and aesthetic excellence through thoughtful, interactive experiences.\n\nThe visual identity is defined by a refined, editorial aesthetic that leans heavily into minimalist sophistication. Utilizing a muted, grayscale palette and expansive whitespace, the design centers on striking serif typography that commands attention. The layout is airy and deliberate, catering to a discerning audience of tech leaders and creative directors who value precision, elegance, and a seamless blend of form and function.",[26,216,30],[568],"Timothée Roussilhe",[570,570,571],"Akkurat","Maison Neue Mono",[234,573],"Ubuntu",[575,577,578,579],{"score":576,"category":65},51,{"score":171,"category":68},{"score":443,"category":71},{"score":172,"category":73},[581,583,584,585],{"score":582,"category":65},71,{"score":127,"category":68},{"score":443,"category":71},{"score":172,"category":73},[86,82],"Website: Tim Roussilhe. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Tim Roussilhe - Design Engineer. Page description: I am a developer and designer, I enjoy building beautiful and thoughtful experiences. I like to mix code surprising visuals and pleasing interactions.. Page content: Timothée Roussilhe Oh my! Portfolio 2026 Contact me Copy my email address or [Open your email default app (you know the thing called \"email\")](mailto:timothee.roussilhe@gmail.com) Send me an email Timothée Roussilhe Design Engineer ☠️ Do not press this! Here is a selection of my work realized during 2014 - 2026 > Life is filigree work. > What is written clearly is not worth much, > > it's the transpa rency > > that c o > u n ts > . SS 026 Stripe.com Redesign Stripe.com Redesign Led the 2026 stripe.com refresh as Lead Design Engineer. Rebuilt core architecture from scratch, migrating to React, TypeScript and Next.js. Directed a team of 6 engineers and 4 designers to deliver an ambitious redesign on a tight timeline. Created a new token-based design system and composable page architecture. - Client ¬ Stripe - Dev stack ¬ React, TypeScript, Next.js, Design Tokens, CSS - More Info ¬ - Visit Website ¬ STRIPE Design Engineer SS 024 Stripe Sessions 2024 Stripe Sessions 2024 Built the website for Stripe Sessions 2024, Stripe's annual live conference. Crafted an interactive and polished experience showcasing the event's agenda, speakers and brand. - Client ¬ Stripe - Dev stack ¬ React, TypeScript, Next.js, Animation - More Info ¬ - Visit Website ¬ STRIPE Design Engineer SS 024 Sarah Bassett Portfolio Sarah Bassett Portfolio Designed and developed the portfolio for Sarah Bassett. Focused on elegant interaction design and motion (inspired by Known web UI) to showcase her work. - Client ¬ Personal - Dev stack ¬ Interactive, Motion, Transitions, GSAP - More Info ¬ - Visit Website ¬ SARAH BASSETT Developer & Interaction Designer AW 023 David William Baum 2023 David William Baum 2023 Redesigned and rebuilt David William Baum's photography portfolio. An update to the original site, focused on minimal design and thoughful interactions - Client ¬ Personal - Dev stack ¬ Interactive, Motion, Transitions, GSAP, Custom Framework - More Info ¬ - Visit Website ¬ DAVID WILLIAM BAUM PHOTOGRAPHER Developer & Interaction Designer AW 019 David William Baum Portfolio David William Baum Portfolio David William Baum is a fashion, still life, and landscape photographer and creative director working out of New York, Los Angeles, and San Francisco. We tried to provide a simple canvas that highlights the quality of his work. His new website explores contrasts of scale as its primary theme. All the imagery is mixed up, small and unorganized, but as you head deeper into the site, content becomes larger and more structured. Commercial Type's Styrene, an intentionally awkward sans serif family with wider 'A' and narrower 'B' versions, adds a clean, geometric quality and provides an anchor for the kinetic imagery. - Client ¬ Personal - Dev stack ¬ Interactive, Motion, Transitions, GSAP, responsive, Custom Framework - More Info ¬ - Visit Website ¬ DAVID WILLIAM BAUM PHOTOGRAPHER Developer & Interaction Designer AW 019 Squarespace Homepage Squarespace Homepage In 2019 I was the Lead Developer on the new Squarespace Homepage. Applying our new branding and building the page and the main carousel was an interesting challenge. It was a real team effort with the FrontSite Team: Brandon, Crystal, Robyn and Cody. As part of this project we also built a brand new styleguide for all of Squarespace.com - Client ¬ Squarespace - Dev stack ¬ HTML5, Squarespace, Custom Framework - More Info ¬ - Visit Website ¬ SQUARESPACE Lead Developer SS 020 Waka Waka Waka Waka Waka Waka, The Full Collection. Shin Okuda's selected works of hand-craft wood furniture & functional objects. - Client ¬ Personal - Dev stack ¬ HTML5, WEBGL, Custom Framework, Animations - More Info ¬ - Visit Website ¬ WAKAWAKA Developer & Interaction Designer SS 018 Vincent Tavano Vincent Tavano Had a blast working with my friend Vincent to build his new portfolio. I was in charge of the coding and interaction design. Have fun exploring the website! - Client ¬ Personal - Dev stack ¬ PixiJS, Physics, Canvas, audio, animations, Custom Framework, Static site - Awards ¬ awwwards - More Info ¬ VINCENT TAVANO Developer & Interaction Designer AW 018 Jack Davison Portfolio Jack Davison Portfolio Portfolio for the talented photographer Jack Davison. The goal was to have a really minimal site, putting the work of Jack and his photos at the center of the experience. The navigation is simple and the use of motion allows us to create a flow and a narrative between each series. Art Direction by Vincent Tavano. Code & Motion by myself. - Client ¬ Personal - Dev stack ¬ Interactive, Motion, Transitions, GSAP, responsive, Custom Framework, Redux - Awards ¬ site inspire - More Info ¬ - Visit Website ¬ JACK DAVISON PHOTOGRAPHER Developer & Interaction Designer SS 018 Andy H Wei Andy H Wei Portfolio for artist Andy H Wei. Designed and built with a focus on interaction design and motion to showcase his body of work. - Client ¬ Personal - Dev stack ¬ Interactive, Motion, Transitions, GSAP, responsive - More Info ¬ - Visit Website ¬ Andy H Wei | Artist Portfolio Lead Developer & Interaction Designer SS 018 Squarespace Prototypes Squarespace Prototypes A series of various prototypes made at Squarespace. The prototypes explore different subjects: Galleries, Image manipulation, Motion and more. - Client ¬ Squarespace - Dev stack ¬ Shaders, Physics, Motion, Squarespace - More Info ¬ Squarespace Prototypes Developer & Interaction Designer SS 016 Alexandre Rochet Alexandre Rochet Had a blast working with my friend Alexandre to build his new portfolio. I was in charge of the coding and interaction design. There is a lot of details in the motion, like the parallax on the homepage, the spring physic of the menu, the animation of the letters or the displacement map applied to Alex's face. Have fun exploring the website! - Client ¬ Stink Studios - Dev stack ¬ Css animation, Homemade framework - Awards ¬ FWA, awwwards - More Info ¬ - Visit Website ¬ ALEXANDRE ROCHET Developer & Interaction Designer SS 017 Google Pride Google Pride I had the chance at Stink Studios to partner with Google to design a platform to celebrate and promote Pride from all over the World. Because we all have a reason to #ShowUp. - Client ¬ Stink Studios - Dev stack ¬ ES6, Redux, Interactive - More Info ¬ - Visit Website ¬ Google Developer AW 016 The Hidden Worlds of the National Parks The Hidden Worlds of the National Parks An interactive tour of America's most beautiful national parks. Follow rangers on an immersive adventure through five National Parks. Rappel into a crevasse, fly with thousands of bats, soar over an active volcano, dive through shipwrecks, and experience the Milky Way in 360° video and ambisonic audio. - Client ¬ Stink Studios - Dev stack ¬ React, ThreeJS, 360 videos, 4 custom modules - More Info ¬ - Visit Website ¬ Google Developer SS 016 Spotify: Inside Discovery Spotify: Inside Discovery We worked together with Pitchfork and Spotify to create Inside Discovery. An editorial interactive website that lets users have a look into fresh Discover Weekly playlists from Pitchfork editors and their favorite artists. - Client ¬ Stink Studios - Dev stack ¬ Css animation, Homemade framework - Awards ¬ FWA, awwwards - More Info ¬ - Visit Website ¬ PITCHFORK & SPOTIFY Lead Developer & UX Designer AW 016 Twitter MTC Twitter MTC We partnered with Twitter to prototype and design a new platform full of inspiration, solutions and tools to help marketers and agencies capitalize on the power of Twitter. Was really interesting to work closely with Designer and be part of the Sprints - Client ¬ Stink Studios - Dev stack ¬ Design Guideline, Full HTML & Motion design prototypes - More Info ¬ - Case study ¬ Twitter Prototypes Developer, UX & Motion AW 016 Stink Studios Stink Studios In 2016 we launched the new version of StinkDigital portfolio, now called Stink Studios: A global creative studio for a digital-first world. - Client ¬ Stink Studios - Dev stack ¬ Isomorphic Rendering, gradient shader, custom Lazy loading, fast page: 2mo desktop, 1mo mobile - More Info ¬ - Visit Website ¬ New Portfolio Creative\u002FFront-end Developer AW 016 Found them first Found them first This is the second in a series of B-Sides data experiments for Spotify. Found Them First compares your individual Spotify listening history to global data in order to reveal just how many artists you discovered before the tidal wave of mainstream acceptance hit. - Client ¬ Stink Studios - Dev stack ¬ PixiJS - More Info ¬ - Case study ¬ Spotify Developer AW 014 Il etait une foret Il etait une foret Immerse yourself in an expedition to the heart of the tropical primary forests. In the footsteps of the team of the film, discover this incredible universe and learn to detect its codes. - Client ¬ Freelance - More Info ¬ - Visit the website ¬ Luc Jacquet Lead Developer WWF 40 Years Anniversary WWF 40 Years Anniversary We partnered with WWF to launch an interactive website showcasing 40 Years of Commitment to the Planet. - Client ¬ Freelance - More Info ¬ - Visit the website ¬ WWF UX Designer AW 014 What are you made of? What are you made of? What are you made of? is a rich and mind-bending interactive film experience for the launch of Far Cry 4. Reveal your personality through 4 rites where every decision you make changes the course of the experience! - Client ¬ Stink Studios Paris - Dev stack ¬ ThreeJS, custom video modules, binaural sounds - More Info ¬ Far Cry 4 Developer 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 2 2 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 \u002F21 Purpose & Form About Hi there, I am a Design Engineer, I enjoy building beautiful and thoughtf …. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the SaaS & Software industry. Designed by Timothée Roussilhe. The overall color palette features Gray, White. The typography features Akkurat (Lineto), Akkurat (Lineto), Maison Neue Mono (Sans Serif). Built using React, Ubuntu. AI description: Tim Roussilhe’s portfolio serves as a sophisticated digital showcase for a multidisciplinary Design Engineer specializing in the intersection of code and high-end visual interaction. The site functions as a professional calling card, emphasizing a unique value proposition: the ability to bridge the gap between technical development and aesthetic excellence through thoughtful, interactive experiences. The visual identity is defined by a refined, editorial aesthetic that leans heavily into minimalist sophistication. Utilizing a muted, grayscale palette and expansive whitespace, the design centers on striking serif typography that commands attention. The layout is airy and deliberate, catering to a discerning audience of tech leaders and creative directors who value precision, elegance, and a seamless blend of form and function.",{"id":589,"website_id":590,"page_id":589,"name":591,"slug":592,"url":593,"website_name":591,"website_slug":592,"website_url":594,"result_url":593,"fetched_at":595,"score":148,"score_boost":324,"ai_score":76,"freshness_score":462,"scored_at":596,"page_name":36,"page_url":593,"page_title":597,"page_description":598,"page_content":599,"page_sort":324,"is_home":329,"is_home_rank":330,"page_type_id":331,"page_type_name":43,"cover":600,"cover_mobile":603,"cover_sequence":605,"translations":696,"industry":699,"styles":700,"credits":704,"font_families":705,"technologies":706,"pagespeed":707,"pagespeed_mobile":711,"buckets":715,"search_payload":718},"4b77236e-6ecd-4ace-9977-cf60ad83bb6b","f3af915b-ca9f-4bf4-bf55-c52af4f304b6","CATK","catk","https:\u002F\u002Fcatk.de\u002F","https:\u002F\u002Fcatk.de","2026-05-04T10:24:21.000Z","2026-05-23T20:24:21.000Z","CATK — Colors And The Kids","Colors And The Kids is a creative company specializing in design, motion and music.","CATK [ OktaBrand Systems · Sonic Work ](\u002Fwork\u002Fokta)[ Construction SiteResearch · Sonic Work ](\u002Fwork\u002Fconstruction-site)[ Granite LLM IntroductionCampaigns · Sonic Work ](\u002Fwork\u002Fibm-granite)[ AttiniaSonic Work · Research ](\u002Fwork\u002Fattinia)[ PioneerBrand Systems · Sonic Work ](\u002Fwork\u002Fpioneer)[ Brand Design Inspired Brand Design InspiredBrand Systems ](\u002Fwork\u002Fibm-brand-design-inspired)[ Quantum QuantumProduct Images · Campaigns ](\u002Fwork\u002Fibm-quantum)[ Fussel FusselSonic Work · Research ](\u002Fwork\u002Ffussel)[ A Minecraft MovieCampaigns · Sonic Work ](\u002Fwork\u002Fminecraft-movie)[ Trafo TrafoResearch · Sonic Work ](\u002Fwork\u002Ftrafo)",{"id":601,"height":13,"width":12,"blurhash":602},"9ebc030d-a8fe-436f-abd8-9a4158e8a768","radial-gradient(at 0 0,#303413,#00000000 50%),radial-gradient(at 33% 0,#000000,#00000000 50%),radial-gradient(at 67% 0,#262018,#00000000 50%),radial-gradient(at 100% 0,#403b3e,#00000000 50%),radial-gradient(at 0 50%,#484945,#00000000 50%),radial-gradient(at 33% 50%,#404d45,#00000000 50%),radial-gradient(at 67% 50%,#839084,#00000000 50%),radial-gradient(at 100% 50%,#7e867d,#00000000 50%),radial-gradient(at 0 100%,#2b0902,#00000000 50%),radial-gradient(at 33% 100%,#150c21,#00000000 50%),radial-gradient(at 67% 100%,#542e47,#00000000 50%),radial-gradient(at 100% 100%,#4e2938,#00000000 50%)",{"id":604,"height":15,"width":14,"blurhash":337},"206c1980-6a78-4cae-b004-51870e929782",[606,609,612,615,618,621,624,627,630,633,636,639,642,645,648,651,654,657,660,663,666,669,672,675,678,681,684,687,690,693],{"directus_files_id":607},{"id":608},"f5816974-1420-4fa5-974c-1f37c9a5e562",{"directus_files_id":610},{"id":611},"e6eda751-8234-46cb-be67-224cb90191d0",{"directus_files_id":613},{"id":614},"cfbd10a8-8231-40fc-bca8-e12b976ed699",{"directus_files_id":616},{"id":617},"924c3548-5ea4-4e09-b03a-d9c120e1dd9c",{"directus_files_id":619},{"id":620},"90286a92-4011-4bc0-b0fd-dfb46f2c1dd9",{"directus_files_id":622},{"id":623},"45305f76-b800-4020-a515-a73dfa1271b6",{"directus_files_id":625},{"id":626},"244cbe65-41ae-4bb0-a730-0b5f03086f8b",{"directus_files_id":628},{"id":629},"69891d53-9131-4275-9be4-a3e5e0034ec8",{"directus_files_id":631},{"id":632},"c6ddbe72-b65e-4ff9-b9c8-869bd6ca05d8",{"directus_files_id":634},{"id":635},"6134ed98-ca29-4731-b108-a01f135ff63e",{"directus_files_id":637},{"id":638},"76395fe7-b28a-4ac3-aac5-c8fb60d61d41",{"directus_files_id":640},{"id":641},"d23252ce-3e3e-4057-9cef-4b6ffa88651c",{"directus_files_id":643},{"id":644},"5f4f85b8-f341-498a-a80f-3fb487ae2197",{"directus_files_id":646},{"id":647},"42156873-e09e-40f1-837e-ddb2f16e8905",{"directus_files_id":649},{"id":650},"bfbc49b5-09e9-43ab-abb3-ee0cbb7f6f81",{"directus_files_id":652},{"id":653},"517d6765-a029-4ed2-94f9-8035a0536811",{"directus_files_id":655},{"id":656},"bdc3e2bf-7592-4f9d-ab8d-8a285af47856",{"directus_files_id":658},{"id":659},"9255683d-de51-4315-89bd-d87b75a3c7b0",{"directus_files_id":661},{"id":662},"e27390f1-5260-4d42-9db5-aab659020fde",{"directus_files_id":664},{"id":665},"dd9f97c7-621e-4beb-9b27-d750f8cc323a",{"directus_files_id":667},{"id":668},"be9167af-f5a0-4ede-a5d6-d53c066893b5",{"directus_files_id":670},{"id":671},"18592281-e989-415a-af46-cf945840c8f4",{"directus_files_id":673},{"id":674},"fa77f22a-d2f5-4801-80e8-9449dab7857a",{"directus_files_id":676},{"id":677},"b40806d7-519e-4275-be9e-2905a77c30d1",{"directus_files_id":679},{"id":680},"3e00a692-9106-450c-960a-dfd8e8847718",{"directus_files_id":682},{"id":683},"1f7f03f7-96af-4b37-8c25-b64330395c33",{"directus_files_id":685},{"id":686},"4eebb1e2-7014-44b8-96c1-8834d77370fb",{"directus_files_id":688},{"id":689},"04b46407-ff47-4913-b9b7-0b81c8d9618d",{"directus_files_id":691},{"id":692},"c0c71eac-f3ad-4d35-8163-057a932e1bd0",{"directus_files_id":694},{"id":695},"aa07b961-8618-473e-ac3a-abc6e426c92b",[697],{"languages_code":431,"description":698},"CATK (Colors And The Kids) is a high-octane creative studio that operates at the intersection of design, motion, and music. The brand positions itself as a multidisciplinary powerhouse, catering to forward-thinking clients who demand sensory-rich, immersive brand experiences. Their work is characterized by a kinetic energy that bridges the gap between digital art and commercial design.\n\nThe visual identity is unapologetically bold, utilizing a maximalist approach to color and texture. By blending surreal 3D renders, vibrant organic forms, and high-contrast typography, CATK creates a playground of visual stimulation. The aesthetic leans into a playful yet sophisticated digital surrealism, making it an ideal partner for brands looking to break through the noise with avant-garde motion and high-fidelity visual storytelling.","Agency & Studio",[701,702,703],"3D \u002F Spatial","Fun \u002F Playful","Vibrant \u002F Colorful",[],[],[238,233,234],[708,709,710],{"score":169,"category":68},{"score":66,"category":71},{"score":66,"category":73},[712,713,714],{"score":169,"category":68},{"score":443,"category":71},{"score":66,"category":73},[82,90,86,716,717],"brown","green","Website: CATK. Page: Homepage. Page type: Home \u002F Landing Page. Page title: CATK — Colors And The Kids. Page description: Colors And The Kids is a creative company specializing in design, motion and music.. Page content: CATK [ OktaBrand Systems · Sonic Work ](\u002Fwork\u002Fokta)[ Construction SiteResearch · Sonic Work ](\u002Fwork\u002Fconstruction-site)[ Granite LLM IntroductionCampaigns · Sonic Work ](\u002Fwork\u002Fibm-granite)[ AttiniaSonic Work · Research ](\u002Fwork\u002Fattinia)[ PioneerBrand Systems · Sonic Work ](\u002Fwork\u002Fpioneer)[ Brand Design Inspired Brand Design InspiredBrand Systems ](\u002Fwork\u002Fibm-brand-design-inspired)[ Quantum QuantumProduct Images · Campaigns ](\u002Fwork\u002Fibm-quantum)[ Fussel FusselSonic Work · Research ](\u002Fwork\u002Ffussel)[ A Minecraft MovieCampaigns · Sonic Work ](\u002Fwork\u002Fminecraft-movie)[ Trafo TrafoResearch · Sonic Work ](\u002Fwork\u002Ftrafo). A 3D \u002F Spatial, Fun \u002F Playful, Vibrant \u002F Colorful website in the Agency & Studio industry. The overall color palette features White, Black, Gray, Brown, Green. Built using Next.js, Node.js, React. AI description: CATK (Colors And The Kids) is a high-octane creative studio that operates at the intersection of design, motion, and music. The brand positions itself as a multidisciplinary powerhouse, catering to forward-thinking clients who demand sensory-rich, immersive brand experiences. Their work is characterized by a kinetic energy that bridges the gap between digital art and commercial design. The visual identity is unapologetically bold, utilizing a maximalist approach to color and texture. By blending surreal 3D renders, vibrant organic forms, and high-contrast typography, CATK creates a playground of visual stimulation. The aesthetic leans into a playful yet sophisticated digital surrealism, making it an ideal partner for brands looking to break through the noise with avant-garde motion and high-fidelity visual storytelling.",{"id":720,"website_id":721,"page_id":720,"name":722,"slug":723,"url":724,"website_name":722,"website_slug":723,"website_url":725,"result_url":724,"fetched_at":726,"score":727,"score_boost":324,"ai_score":728,"freshness_score":729,"scored_at":730,"page_name":36,"page_url":724,"page_title":731,"page_description":732,"page_content":733,"page_sort":324,"is_home":329,"is_home_rank":330,"page_type_id":331,"page_type_name":43,"cover":734,"cover_mobile":737,"cover_sequence":739,"translations":743,"industry":699,"styles":746,"credits":748,"font_families":749,"technologies":750,"pagespeed":751,"pagespeed_mobile":756,"buckets":762,"search_payload":763},"b87310d2-828e-4131-8ca9-a5ec3499a968","dfcd2425-230b-4c53-a9be-e25bcf6e9c3a","Richbrown","richbrown","https:\u002F\u002Frichbrown.info\u002F","https:\u002F\u002Frichbrown.info","2026-05-05T08:42:45.000Z",77,78,75,"2026-05-23T19:25:49.000Z","Rich Brown | Freelance UX UI Designer, UK","Award-winning Freelance UX UI Product Designer & Art Director. 25 years designing immersive user-centric websites, interactive experiences & mobile apps.","CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — Independent Product Designer Art Director UX\u002FUI With over two decades of experience as a UX\u002FUI freelance designer and art director, I have had the privilege of partnering with some of the world’s most renowned digital agencies and worked with exceptional brands including Zalando, Ivy Park, MTV, BT, Blistex, Schwarzkopf and Netflix. My passion revolves around crafting human-centric website and app designs that transcend aesthetics, focusing on problem-solving at the core of product design. I bring a unique blend of digital best practices, user-centric principles and cutting-edge technologies to every project. I’m always excited to embrace innovative new projects that challenge assumptions and push the limits of digital experiences. Whether as an independent UX\u002FUI freelancer or collaborating with creative agencies, I am dedicated to delivering thoughtful solutions that captivate and inspire. My work has been recognised by industry peers, with over 70 awards to date. I have also served on the jury for Awwwards since 2018 to help promote exceptional user experience and user interface design in the digital landscape. \\[ Notable PARTNERS \\] Superhero Cheesecake Saatchi & Saatchi B-Reel Zalando DE Brilliant Basics Thinking Box RVLV \\[ Signature Projects \\] IVY PARK Cricket Scotland New Musik Radar Bijou Wines Bathmate MTV CODY TOWNSEND BLISTEX Telenet BT Rich Brown - Landing Page Page Image Gold Bathmate 2024 Silver Rich Brown 2024 Rich Brown - Landing Page Page Image honors Award New Musik Radar 2025 honors Award Bijou Wines 2025 Independent of the Year Nominated 2023 Ecommerce of the Year Bathmate Nominated 2023 Site of the Day Bathmate 2024 Developer Award Bathmate 2024 Site of the Day Rich Brown 2023 Developer Award Rich Brown 2023 honors Award Intentional Spaces Summit 2023 honors Award Villainy 2023 honors Award Finenti 2023 honors Award Your Brain on Art 2023 honors Award UNLOC ONLINE 2022 honors Award Cody Townsend 2022 honors Award Green room 2021 honors Award Cherie Healey 2021 honors Award RVLV 2019 Site of the Year Nominated 2017 Site of the Day Rich brown 2017 Developer Award Rich brown 2017 Rich Brown - Landing Page Page Image Site of the Day Bathmate 2023 Rich Brown - Landing Page Page Image Special Kudos New Musik Radar 2025 Special Kudos Bijou Wines 2025 Designer of the Year WINNER 2023 WEBSITE OF THE DAY Bathmate 2023 Special Kudos Rich Brown 2023 WEBSITE OF THE DAY Villainy 2023 Special Kudos Harrington Moore 2023 Special Kudos Intentional Spaces Summit 2023 Special Kudos Finenti 2023 SITE OF THE DAY Your brain on art 2023 Special Kudos Green room 2023 Special Kudos Cherie Healey 2023 Special Kudos Cody Townsend 2022 Special Kudos RVLV 2019 Designer of the year NOMINATION 2017 WEBSITE OF THE DAY Rich brown 2017 Rich Brown - Landing Page Page Image SITE OF THE DAY New Musik Radar 2025 SITE OF THE DAY Rich Brown 2023 SITE OF THE DAY Bathmate 2023 SITE OF THE DAY Villainy 2023 SITE OF THE DAY Your brain on art 2023 Rich Brown - Landing Page Page Image Recognition Award New Musik Radar 2025 SITE OF THE DAY Rich Brown 2025 Recognition Award Bijou Wines 2025 Rich Brown - Landing Page Page Image SITE OF THE DAY New Musik Radar 2025 SITE OF THE DAY Rich Brown 2023 SITE OF THE DAY Bathmate 2023 SITE OF THE DAY Villainy 2023 SITE OF THE DAY Your brain on art 2023 STAR AWARD Intentional Spaces Summit 2023 STAR AWARD Harrington Moore 2023 STAR AWARD GREEN ROOM 2023 STAR AWARD CODY TOWNSEND 2023 STAR AWARD RVLV 2023 Rich Brown - Landing Page Page Image People’s Choice Web Awards New Musik Radar 2025 Individual Gold Award Bathmate 2024 People’s Choice Web Awards Your brain on art 2023 Best app Bronze award Augmented chinatown 2021 Best app peoples choice award Augmented chinatown 2021 Best application gold World in figures 2016 Rich Brown - Landing Page Page Image People’s Choice World in figures 2015 Gold Award World in figures 2015 Rich Brown - Landing Page Page Image T1 Website Winner Rich Brown 2024 T2 UI\u002FUX Winner Rich Brown 2024 Rich Brown - Landing Page Page Image SPECIAL MENTION AWARD World in figures 2017 Rich Brown - Landing Page Page Image Web Design Appreciation New Musik Radar 2025 Site of the Day Rich Brown 2023 Site of the Day Villainy 2023 - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN ART DIRECTION Bijou Wines ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fbijou\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN ART DIRECTION New Musik Radar ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fnew-musik-radar\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN ART DIRECTION OneNeuro ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Foneneuro\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN PHOTO & VIDEO SHOOT ART DIRECTION Bathmate ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fbathmate\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN Ivy Park ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fivypark\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN BRAND DESIGN ART DIRECTION Villainy ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fvillainy\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN BRAND DESIGN ART DIRECTION Intentional Spaces Summit ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fiss\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN Green Room ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fgreenroom\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN Your Brain on Art ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fbrainonart\u002F) Archive Archive [ Cody Townsend ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fcodytownsend\u002F) [ Cherie Healey ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fcheriehealey\u002F) [ Chivas Bros ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fchivas-bros\u002F) [ Lyma ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Flyma\u002F) [ Defy The Land ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fland\u002F) [ DFY K\u002FTR ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fdfy\u002F) [ Benjamin Race ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fbenjaminrace\u002F) [ Finenti ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Ffinenti\u002F) [ Blistex ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fblistex\u002F) [ RVLV ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Frvlv\u002F) [ Telenet ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Ftelenet\u002F) [ BT App Hazard ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fbtapphazard\u002F) [ Augmented Chinatown ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fcan\u002F) [ Remy Capillus ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fremycapillus\u002F) [ Rich Brown 2017 ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Frichbrown\u002F) [ MTV SHUGA ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fmtvshuga\u002F) [ World in Figures ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fwif\u002F)",{"id":735,"height":13,"width":12,"blurhash":736},"82d405ed-45ff-4a3b-87d3-cf59e58514fd","radial-gradient(at 0 0,#b5c2c3,#00000000 50%),radial-gradient(at 33% 0,#9aa9ac,#00000000 50%),radial-gradient(at 67% 0,#8c9ca1,#00000000 50%),radial-gradient(at 100% 0,#84979a,#00000000 50%),radial-gradient(at 0 50%,#9aa8a7,#00000000 50%),radial-gradient(at 33% 50%,#8a9493,#00000000 50%),radial-gradient(at 67% 50%,#8e928f,#00000000 50%),radial-gradient(at 100% 50%,#858e8c,#00000000 50%),radial-gradient(at 0 100%,#8a9a9e,#00000000 50%),radial-gradient(at 33% 100%,#7a8387,#00000000 50%),radial-gradient(at 67% 100%,#747578,#00000000 50%),radial-gradient(at 100% 100%,#788387,#00000000 50%)",{"id":738,"height":15,"width":14,"blurhash":337},"e40a1b2a-eb62-461b-a4ee-49642dde3b7a",[740],{"directus_files_id":741},{"id":742},"2b6445f1-adb7-41aa-967e-26f44116c413",[744],{"languages_code":431,"description":745},"Richbrown is the professional portfolio of an award-winning independent UX\u002FUI Product Designer and Art Director. The site serves as a high-impact digital calling card, showcasing decades of expertise in crafting immersive, user-centric digital experiences for global brands. It positions the designer not just as a technician, but as a strategic creative partner capable of bridging the gap between cutting-edge technology and human-centric aesthetics.\n\nThe visual identity is defined by a sophisticated, editorial aesthetic that leans heavily into bold, oversized typography and a structured, architectural layout. Using a muted, professional color palette and high-quality portraiture, the design communicates authority, experience, and a premium level of craftsmanship. The use of large-scale type and rhythmic text blocks creates a sense of momentum and confidence, perfectly mirroring the designer's established reputation in the industry.",[26,747,30],"High-End \u002F Luxury",[],[],[],[752,753,754,755],{"score":149,"category":65},{"score":183,"category":68},{"score":178,"category":71},{"score":169,"category":73},[757,758,760,761],{"score":185,"category":65},{"score":759,"category":68},94,{"score":178,"category":71},{"score":66,"category":73},[86,90,82],"Website: Richbrown. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Rich Brown | Freelance UX UI Designer, UK. Page description: Award-winning Freelance UX UI Product Designer & Art Director. 25 years designing immersive user-centric websites, interactive experiences & mobile apps.. Page content: CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — CSSDA DOTY 2023 — ED AWARDS GOLD WINNER 2024 — Independent Product Designer Art Director UX\u002FUI With over two decades of experience as a UX\u002FUI freelance designer and art director, I have had the privilege of partnering with some of the world’s most renowned digital agencies and worked with exceptional brands including Zalando, Ivy Park, MTV, BT, Blistex, Schwarzkopf and Netflix. My passion revolves around crafting human-centric website and app designs that transcend aesthetics, focusing on problem-solving at the core of product design. I bring a unique blend of digital best practices, user-centric principles and cutting-edge technologies to every project. I’m always excited to embrace innovative new projects that challenge assumptions and push the limits of digital experiences. Whether as an independent UX\u002FUI freelancer or collaborating with creative agencies, I am dedicated to delivering thoughtful solutions that captivate and inspire. My work has been recognised by industry peers, with over 70 awards to date. I have also served on the jury for Awwwards since 2018 to help promote exceptional user experience and user interface design in the digital landscape. \\[ Notable PARTNERS \\] Superhero Cheesecake Saatchi & Saatchi B-Reel Zalando DE Brilliant Basics Thinking Box RVLV \\[ Signature Projects \\] IVY PARK Cricket Scotland New Musik Radar Bijou Wines Bathmate MTV CODY TOWNSEND BLISTEX Telenet BT Rich Brown - Landing Page Page Image Gold Bathmate 2024 Silver Rich Brown 2024 Rich Brown - Landing Page Page Image honors Award New Musik Radar 2025 honors Award Bijou Wines 2025 Independent of the Year Nominated 2023 Ecommerce of the Year Bathmate Nominated 2023 Site of the Day Bathmate 2024 Developer Award Bathmate 2024 Site of the Day Rich Brown 2023 Developer Award Rich Brown 2023 honors Award Intentional Spaces Summit 2023 honors Award Villainy 2023 honors Award Finenti 2023 honors Award Your Brain on Art 2023 honors Award UNLOC ONLINE 2022 honors Award Cody Townsend 2022 honors Award Green room 2021 honors Award Cherie Healey 2021 honors Award RVLV 2019 Site of the Year Nominated 2017 Site of the Day Rich brown 2017 Developer Award Rich brown 2017 Rich Brown - Landing Page Page Image Site of the Day Bathmate 2023 Rich Brown - Landing Page Page Image Special Kudos New Musik Radar 2025 Special Kudos Bijou Wines 2025 Designer of the Year WINNER 2023 WEBSITE OF THE DAY Bathmate 2023 Special Kudos Rich Brown 2023 WEBSITE OF THE DAY Villainy 2023 Special Kudos Harrington Moore 2023 Special Kudos Intentional Spaces Summit 2023 Special Kudos Finenti 2023 SITE OF THE DAY Your brain on art 2023 Special Kudos Green room 2023 Special Kudos Cherie Healey 2023 Special Kudos Cody Townsend 2022 Special Kudos RVLV 2019 Designer of the year NOMINATION 2017 WEBSITE OF THE DAY Rich brown 2017 Rich Brown - Landing Page Page Image SITE OF THE DAY New Musik Radar 2025 SITE OF THE DAY Rich Brown 2023 SITE OF THE DAY Bathmate 2023 SITE OF THE DAY Villainy 2023 SITE OF THE DAY Your brain on art 2023 Rich Brown - Landing Page Page Image Recognition Award New Musik Radar 2025 SITE OF THE DAY Rich Brown 2025 Recognition Award Bijou Wines 2025 Rich Brown - Landing Page Page Image SITE OF THE DAY New Musik Radar 2025 SITE OF THE DAY Rich Brown 2023 SITE OF THE DAY Bathmate 2023 SITE OF THE DAY Villainy 2023 SITE OF THE DAY Your brain on art 2023 STAR AWARD Intentional Spaces Summit 2023 STAR AWARD Harrington Moore 2023 STAR AWARD GREEN ROOM 2023 STAR AWARD CODY TOWNSEND 2023 STAR AWARD RVLV 2023 Rich Brown - Landing Page Page Image People’s Choice Web Awards New Musik Radar 2025 Individual Gold Award Bathmate 2024 People’s Choice Web Awards Your brain on art 2023 Best app Bronze award Augmented chinatown 2021 Best app peoples choice award Augmented chinatown 2021 Best application gold World in figures 2016 Rich Brown - Landing Page Page Image People’s Choice World in figures 2015 Gold Award World in figures 2015 Rich Brown - Landing Page Page Image T1 Website Winner Rich Brown 2024 T2 UI\u002FUX Winner Rich Brown 2024 Rich Brown - Landing Page Page Image SPECIAL MENTION AWARD World in figures 2017 Rich Brown - Landing Page Page Image Web Design Appreciation New Musik Radar 2025 Site of the Day Rich Brown 2023 Site of the Day Villainy 2023 - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - KEEP SCROLLING FOR PROJECTS - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel - Play Showreel [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN ART DIRECTION Bijou Wines ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fbijou\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN ART DIRECTION New Musik Radar ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fnew-musik-radar\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN ART DIRECTION OneNeuro ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Foneneuro\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN PHOTO & VIDEO SHOOT ART DIRECTION Bathmate ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fbathmate\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN Ivy Park ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fivypark\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN BRAND DESIGN ART DIRECTION Villainy ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fvillainy\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN BRAND DESIGN ART DIRECTION Intentional Spaces Summit ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fiss\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN Green Room ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fgreenroom\u002F) [ \\[ DISCIPLINES \\] UX\u002FUI DESIGN Your Brain on Art ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fbrainonart\u002F) Archive Archive [ Cody Townsend ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fcodytownsend\u002F) [ Cherie Healey ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fcheriehealey\u002F) [ Chivas Bros ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fchivas-bros\u002F) [ Lyma ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Flyma\u002F) [ Defy The Land ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fland\u002F) [ DFY K\u002FTR ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fdfy\u002F) [ Benjamin Race ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fbenjaminrace\u002F) [ Finenti ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Ffinenti\u002F) [ Blistex ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fblistex\u002F) [ RVLV ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Frvlv\u002F) [ Telenet ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Ftelenet\u002F) [ BT App Hazard ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fbtapphazard\u002F) [ Augmented Chinatown ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fcan\u002F) [ Remy Capillus ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fremycapillus\u002F) [ Rich Brown 2017 ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Frichbrown\u002F) [ MTV SHUGA ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fmtvshuga\u002F) [ World in Figures ](https:\u002F\u002Fwww.richbrown.info\u002Fwork\u002Fwif\u002F). A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features Gray, Black, White. AI description: Richbrown is the professional portfolio of an award-winning independent UX\u002FUI Product Designer and Art Director. The site serves as a high-impact digital calling card, showcasing decades of expertise in crafting immersive, user-centric digital experiences for global brands. It positions the designer not just as a technician, but as a strategic creative partner capable of bridging the gap between cutting-edge technology and human-centric aesthetics. The visual identity is defined by a sophisticated, editorial aesthetic that leans heavily into bold, oversized typography and a structured, architectural layout. Using a muted, professional color palette and high-quality portraiture, the design communicates authority, experience, and a premium level of craftsmanship. The use of large-scale type and rhythmic text blocks creates a sense of momentum and confidence, perfectly mirroring the designer's established reputation in the industry."]