[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-robin-mastromarino":3,"facets-{\"includeAuthors\":\"false\"}":130,"facets-baseline-false":294,"similar-websites-robin-mastromarino":327},{"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":44,"typefaces":56,"technologiesByCategory":57,"pagespeedDesktop":76,"pagespeedMobile":89,"performanceDesktop":79,"performanceMobile":79,"colorBuckets":94,"colorPalette":111},"ffeb8d38-7706-4b33-bce2-ef0df2d756bc","Robin Mastromarino","robin-mastromarino","https:\u002F\u002Frobinmastromarino.com","2026-05-23T19:25:41.000Z","2026-04-28T13:21:34.000Z","8895f28f-573b-4ba0-8446-c4b81e24b094","81404245-c082-4995-ad11-a99feecc55b1",1440,900,780,1688,"Robin Mastromarino’s portfolio is a vibrant showcase of interactive design, blending whimsical storytelling with sophisticated digital craftsmanship. The website serves as a living canvas for an interactive designer, utilizing immersive, illustrative landscapes that invite users into a dreamlike, narrative-driven experience. It is a masterclass in how motion and character can elevate a professional portfolio from a mere gallery to an engaging digital journey.\n\nThe visual identity is defined by a playful, illustrative aesthetic characterized by soft, organic shapes and a rich, nocturnal color palette. Through the use of charming character design and textured, hand-drawn elements, the site establishes a personality that is both approachable and highly creative. It targets creative directors, tech innovators, and brands looking for designers who can infuse digital products with soul, wonder, and seamless interactivity.",{"title":18,"meta_description":19},"Robin Mastromarino | Interactive Designer Portfolio","Explore the interactive design portfolio of Robin Mastromarino, an interactive designer specializing in immersive digital experiences and storytelling.",{"name":21,"label":22,"slug":23},"Agency & Studio","Agencies","agencies",[25,29,33],{"name":26,"label":27,"slug":28},"Illustrative \u002F Hand-drawn","Illustrative","illustrative",{"name":30,"label":31,"slug":32},"Fun \u002F Playful","Playful","playful",{"name":34,"label":35,"slug":36},"Vibrant \u002F Colorful","Vibrant","vibrant",[38],{"author":39,"roles":42},{"name":40,"label":40,"slug":41},"Patrick Heng","patrick-heng",[43],"developer",[45],{"name":46,"title":47,"description":48,"url":49,"coverId":10,"coverMobileId":11,"alt":50,"altMobile":51,"pageType":52},"Homepage","Robin Mastromarino - Interactive Designer","Hello! I’m an Interactive Designer who currently lives in Paris.","https:\u002F\u002Frobinmastromarino.com\u002F","The desktop homepage features a stylized, whimsical illustration of a large, smiling tree with white flowers against a dark blue night sky. Large, distressed white text reading 'SEEDS OF DREAMS' is layered over the center of the tree, and the layout includes navigation links for 'Robin Mastromarino' and 'About' at the top, with social links at the bottom.","The mobile version presents a vertically oriented, zoomed-in view of the whimsical tree illustration. The 'SEEDS OF DREAMS' text remains centered, while the navigation is simplified to 'R. Mastro' and 'About' at the top, with pagination dots and social links at the bottom.",{"name":53,"label":54,"slug":55},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[],{"Analytics":58,"CDN":62,"Web servers":66,"Reverse proxies":70,"Operating systems":72},[59],{"name":60,"label":60,"slug":61},"Google Analytics","google-analytics",[63],{"name":64,"label":64,"slug":65},"jsDelivr","jsdelivr",[67],{"name":68,"label":68,"slug":69},"Nginx","nginx",[71],{"name":68,"label":68,"slug":69},[73],{"name":74,"label":74,"slug":75},"Ubuntu","ubuntu",[77,80,83,86],{"category":78,"score":79},"performance",60,{"category":81,"score":82},"accessibility",78,{"category":84,"score":85},"best-practices",81,{"category":87,"score":88},"seo",50,[90,91,92,93],{"category":78,"score":79},{"category":81,"score":82},{"category":84,"score":85},{"category":87,"score":88},[95,99,103,107],{"value":96,"label":97,"hex":98},"black","Black","#000000",{"value":100,"label":101,"hex":102},"gray","Gray","#737373",{"value":104,"label":105,"hex":106},"teal","Teal","#00bba7",{"value":108,"label":109,"hex":110},"white","White","#ffffff",[112,115,118,121,124,127],{"hex":113,"percent":114},"#1A1E6A",0.5534,{"hex":116,"percent":117},"#3C629A",0.1442,{"hex":119,"percent":120},"#5CA6C1",0.1249,{"hex":122,"percent":123},"#92C2D2",0.078,{"hex":125,"percent":126},"#EFEBC5",0.0553,{"hex":128,"percent":129},"#FBFBFB",0.0442,{"facetDistribution":131,"facetLabels":208},{"industry":132,"styles":152,"technologies":167,"font_families":193,"page_type_name":206},{"Agency & Studio":133,"Art & Culture":134,"SaaS & Software":135,"Fashion & Apparel":136,"Architecture & Real Estate":137,"Entertainment & Media":138,"Food & Beverage":139,"Photography & Video":140,"Finance & Fintech":141,"Healthcare & Wellness":142,"Technology & Hardware":143,"Industrial & Manufacturing":144,"Beauty & Cosmetics":145,"Travel & Hospitality":146,"Non-Profit & Charity":147,"Education & Courses":148,"Crypto & Web3":149,"Sports & Fitness":150,"Automotive & Transportation":151},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":153,"Typographic \u002F Big Type":154,"High-End \u002F Luxury":155,"Dark Mode":156,"Vibrant \u002F Colorful":157,"Monochrome \u002F Grayscale":158,"Fun \u002F Playful":159,"Brutalist \u002F Neo-Brutalist":160,"Corporate \u002F Professional":161,"Illustrative \u002F Hand-drawn":162,"Futuristic \u002F Sci-Fi":163,"3D \u002F Spatial":164,"Retro \u002F Vintage \u002F Y2K":165,"Glassmorphism":166,"Bento Grid":166},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":168,"PHP":169,"WordPress":170,"Node.js":171,"React":172,"Vercel":173,"Vue.js":174,"Shopify":175,"Next.js":176,"Klaviyo":177,"Nuxt.js":178,"Typekit":179,"Amazon Web Services":180,"reCAPTCHA":181,"YouTube":182,"MailChimp":183,"Modernizr":184,"Bootstrap":185,"Slick":186,"Google Font API":187,"Craft CMS":188,"Framer Sites":189,"Contact Form 7":190,"Stimulus":191,"Google Maps":192},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":194,"Times New Roman":195,"Roboto":196,"Open Sans":197,"Neue Haas Grotesk":197,"Suisse Intl":198,"Arial":163,"Poppins":188,"Helvetica Neue":190,"Montserrat":79,"Diatype":164,"Neue Montreal":143,"Lato":144,"Graphik":199,"Source Sans":200,"Monument Grotesk":201,"Noto Sans":202,"Helvetica":203,"Söhne":204,"DM Sans":204,"Founders Grotesk":204,"GT America":205,"Google Sans":205,"Editorial":165,"IBM Plex Mono":148},315,168,127,90,88,46,44,40,39,36,35,34,{"Home \u002F Landing Page":207},2397,{"industry":209,"styles":228,"page_type_name":241,"technologies":242,"font_families":268},{"Agency & Studio":22,"Art & Culture":210,"SaaS & Software":211,"Fashion & Apparel":212,"Architecture & Real Estate":213,"Entertainment & Media":214,"Food & Beverage":215,"Photography & Video":216,"Finance & Fintech":217,"Healthcare & Wellness":218,"Technology & Hardware":219,"Industrial & Manufacturing":220,"Beauty & Cosmetics":221,"Travel & Hospitality":222,"Non-Profit & Charity":223,"Education & Courses":224,"Crypto & Web3":225,"Sports & Fitness":226,"Automotive & Transportation":227},"Art and Culture","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":229,"Typographic \u002F Big Type":230,"High-End \u002F Luxury":231,"Dark Mode":232,"Vibrant \u002F Colorful":35,"Monochrome \u002F Grayscale":233,"Fun \u002F Playful":31,"Brutalist \u002F Neo-Brutalist":234,"Corporate \u002F Professional":235,"Illustrative \u002F Hand-drawn":27,"Futuristic \u002F Sci-Fi":236,"3D \u002F Spatial":237,"Retro \u002F Vintage \u002F Y2K":238,"Glassmorphism":239,"Bento Grid":240},"Minimalist","Typographic","Luxury","Dark Mode","Monochrome","Brutalist","Corporate","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":54},{"jQuery":243,"PHP":244,"WordPress":245,"Node.js":246,"React":247,"Vercel":248,"Vue.js":249,"Shopify":250,"Next.js":251,"Klaviyo":252,"Nuxt.js":253,"Typekit":254,"Amazon Web Services":255,"reCAPTCHA":256,"YouTube":257,"MailChimp":258,"Modernizr":259,"Bootstrap":260,"Slick":261,"Google Font API":262,"Craft CMS":263,"Framer Sites":264,"Contact Form 7":265,"Stimulus":266,"Google Maps":267},"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":269,"Times New Roman":270,"Roboto":271,"Open Sans":272,"Neue Haas Grotesk":273,"Suisse Intl":274,"Arial":275,"Poppins":276,"Helvetica Neue":277,"Montserrat":278,"Diatype":279,"Neue Montreal":280,"Lato":281,"Graphik":282,"Source Sans":283,"Monument Grotesk":284,"Noto Sans":285,"Helvetica":286,"Söhne":287,"DM Sans":288,"Founders Grotesk":289,"GT America":290,"Google Sans":291,"Editorial":292,"IBM Plex Mono":293},"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":295,"facetLabels":311},{"industry":296,"styles":297,"technologies":298,"font_families":299,"page_type_name":300},{"Agency & Studio":133,"Art & Culture":134,"SaaS & Software":135,"Fashion & Apparel":136,"Architecture & Real Estate":137,"Entertainment & Media":138,"Food & Beverage":139,"Photography & Video":140,"Finance & Fintech":141,"Healthcare & Wellness":142,"Technology & Hardware":143,"Industrial & Manufacturing":144,"Beauty & Cosmetics":145,"Travel & Hospitality":146,"Non-Profit & Charity":147,"Education & Courses":148,"Crypto & Web3":149,"Sports & Fitness":150,"Automotive & Transportation":151},{"Clean \u002F Minimalist":153,"Typographic \u002F Big Type":154,"High-End \u002F Luxury":155,"Dark Mode":156,"Vibrant \u002F Colorful":157,"Monochrome \u002F Grayscale":158,"Fun \u002F Playful":159,"Brutalist \u002F Neo-Brutalist":160,"Corporate \u002F Professional":161,"Illustrative \u002F Hand-drawn":162,"Futuristic \u002F Sci-Fi":163,"3D \u002F Spatial":164,"Retro \u002F Vintage \u002F Y2K":165,"Glassmorphism":166,"Bento Grid":166},{"jQuery":168,"PHP":169,"WordPress":170,"Node.js":171,"React":172,"Vercel":173,"Vue.js":174,"Shopify":175,"Next.js":176,"Klaviyo":177,"Nuxt.js":178,"Typekit":179,"Amazon Web Services":180,"reCAPTCHA":181,"YouTube":182,"MailChimp":183,"Modernizr":184,"Bootstrap":185,"Slick":186,"Google Font API":187,"Craft CMS":188,"Framer Sites":189,"Contact Form 7":190,"Stimulus":191,"Google Maps":192},{"Inter":194,"Times New Roman":195,"Roboto":196,"Open Sans":197,"Neue Haas Grotesk":197,"Suisse Intl":198,"Arial":163,"Poppins":188,"Helvetica Neue":190,"Montserrat":79,"Diatype":164,"Neue Montreal":143,"Lato":144,"Graphik":199,"Source Sans":200,"Monument Grotesk":201,"Noto Sans":202,"Helvetica":203,"Söhne":204,"DM Sans":204,"Founders Grotesk":204,"GT America":205,"Google Sans":205,"Editorial":165,"IBM Plex Mono":148},{"Home \u002F Landing Page":301,"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":142,"Sign Up \u002F Login":309,"404 Error Page":310},2401,774,527,418,378,341,299,89,27,9,{"industry":312,"styles":313,"page_type_name":314,"technologies":325,"font_families":326},{"Agency & Studio":22,"Art & Culture":210,"SaaS & Software":211,"Fashion & Apparel":212,"Architecture & Real Estate":213,"Entertainment & Media":214,"Food & Beverage":215,"Photography & Video":216,"Finance & Fintech":217,"Healthcare & Wellness":218,"Technology & Hardware":219,"Industrial & Manufacturing":220,"Beauty & Cosmetics":221,"Travel & Hospitality":222,"Non-Profit & Charity":223,"Education & Courses":224,"Crypto & Web3":225,"Sports & Fitness":226,"Automotive & Transportation":227},{"Clean \u002F Minimalist":229,"Typographic \u002F Big Type":230,"High-End \u002F Luxury":231,"Dark Mode":232,"Vibrant \u002F Colorful":35,"Monochrome \u002F Grayscale":233,"Fun \u002F Playful":31,"Brutalist \u002F Neo-Brutalist":234,"Corporate \u002F Professional":235,"Illustrative \u002F Hand-drawn":27,"Futuristic \u002F Sci-Fi":236,"3D \u002F Spatial":237,"Retro \u002F Vintage \u002F Y2K":238,"Glassmorphism":239,"Bento Grid":240},{"Home \u002F Landing Page":54,"About Us \u002F Team":315,"Projects \u002F Portfolio":316,"Contact Us":317,"Blog \u002F Article Layout":318,"Services \u002F Features":319,"Shop \u002F Catalog":320,"Careers \u002F Jobs":321,"Pricing Page":322,"Sign Up \u002F Login":323,"404 Error Page":324},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":243,"PHP":244,"WordPress":245,"Node.js":246,"React":247,"Vercel":248,"Vue.js":249,"Shopify":250,"Next.js":251,"Klaviyo":252,"Nuxt.js":253,"Typekit":254,"Amazon Web Services":255,"reCAPTCHA":256,"YouTube":257,"MailChimp":258,"Modernizr":259,"Bootstrap":260,"Slick":261,"Google Font API":262,"Craft CMS":263,"Framer Sites":264,"Contact Form 7":265,"Stimulus":266,"Google Maps":267},{"Inter":269,"Times New Roman":270,"Roboto":271,"Open Sans":272,"Neue Haas Grotesk":273,"Suisse Intl":274,"Arial":275,"Poppins":276,"Helvetica Neue":277,"Montserrat":278,"Diatype":279,"Neue Montreal":280,"Lato":281,"Graphik":282,"Source Sans":283,"Monument Grotesk":284,"Noto Sans":285,"Helvetica":286,"Söhne":287,"DM Sans":288,"Founders Grotesk":289,"GT America":290,"Google Sans":291,"Editorial":292,"IBM Plex Mono":293},{"hits":328},[329,382,424,499],{"id":330,"website_id":331,"page_id":330,"name":332,"slug":333,"url":334,"website_name":332,"website_slug":333,"website_url":335,"result_url":334,"fetched_at":336,"score":186,"score_boost":337,"ai_score":338,"freshness_score":339,"scored_at":340,"page_name":46,"page_url":334,"page_title":341,"page_description":342,"page_content":343,"page_sort":337,"is_home":344,"is_home_rank":345,"page_type_id":346,"page_type_name":53,"cover":347,"cover_mobile":350,"cover_sequence":353,"translations":357,"industry":21,"styles":361,"credits":364,"font_families":365,"technologies":366,"pagespeed":367,"pagespeed_mobile":375,"buckets":380,"search_payload":381},"66d6fff7-9f50-4d75-9088-7032999a274c","f9452946-9ff0-4936-a247-e894d05dc360","Romaincazier","romaincazier","https:\u002F\u002Fromaincazier.com\u002F","https:\u002F\u002Fromaincazier.com","2026-05-03T23:53:27.000Z",0,83,74,"2026-05-23T19:35:46.000Z","Romain Cazier — Interactive Designer","Romain Cazier is a freelance interactive designer. He is also working part time for the lab at Google Arts & Culture","Romain Cazier ⁂ Interactive Designer in Brussels, BE. Co-founder of EPRC Background video inspired by a cover made by Experimental Jetset for Brain Magazine",true,1,"1",{"id":348,"height":13,"width":12,"blurhash":349},"b69ebbdb-434a-44e9-afa8-1f4e7c6b1360","radial-gradient(at 0 0,#000000,#00000000 50%),radial-gradient(at 33% 0,#080808,#00000000 50%),radial-gradient(at 67% 0,#060606,#00000000 50%),radial-gradient(at 100% 0,#000000,#00000000 50%),radial-gradient(at 0 50%,#000000,#00000000 50%),radial-gradient(at 33% 50%,#313131,#00000000 50%),radial-gradient(at 67% 50%,#363636,#00000000 50%),radial-gradient(at 100% 50%,#0f0f0f,#00000000 50%),radial-gradient(at 0 100%,#000000,#00000000 50%),radial-gradient(at 33% 100%,#3e3e3e,#00000000 50%),radial-gradient(at 67% 100%,#494949,#00000000 50%),radial-gradient(at 100% 100%,#222222,#00000000 50%)",{"id":351,"height":15,"width":14,"blurhash":352},"cf9a0d21-328b-4d6f-ac26-2122368e90b3",null,[354],{"directus_files_id":355},{"id":356},"ac21dbc5-d8bc-43f7-9889-7031cfd184f7",[358],{"languages_code":359,"description":360},"en","Romain Cazier’s portfolio is a masterclass in experimental digital expression, serving as a high-concept showcase for an interactive designer working at the intersection of art and technology. The site functions as a digital calling card that emphasizes motion, kinetic typography, and avant-garde composition, signaling a professional identity rooted in the cutting edge of creative coding and interactive media.\n\nThe visual identity is defined by a stark, high-contrast monochrome palette and a bold, typographic-driven aesthetic. By utilizing a deep black canvas and large-scale, rotating white characters, the design creates a sense of rhythmic movement and spatial depth. It targets a sophisticated audience of creative directors, tech innovators, and cultural institutions looking for designers who can push the boundaries of traditional web interfaces through experimental motion and structural play.",[362,232,363],"Clean \u002F Minimalist","Typographic \u002F Big Type",[],[],[],[368,370,372,374],{"score":369,"category":78},100,{"score":371,"category":81},72,{"score":373,"category":84},96,{"score":184,"category":87},[376,377,378,379],{"score":369,"category":78},{"score":371,"category":81},{"score":373,"category":84},{"score":184,"category":87},[96,108,100],"Website: Romaincazier. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Romain Cazier — Interactive Designer. Page description: Romain Cazier is a freelance interactive designer. He is also working part time for the lab at Google Arts & Culture. Page content: Romain Cazier ⁂ Interactive Designer in Brussels, BE. Co-founder of EPRC Background video inspired by a cover made by Experimental Jetset for Brain Magazine. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features Black, White, Gray. AI description: Romain Cazier’s portfolio is a masterclass in experimental digital expression, serving as a high-concept showcase for an interactive designer working at the intersection of art and technology. The site functions as a digital calling card that emphasizes motion, kinetic typography, and avant-garde composition, signaling a professional identity rooted in the cutting edge of creative coding and interactive media. The visual identity is defined by a stark, high-contrast monochrome palette and a bold, typographic-driven aesthetic. By utilizing a deep black canvas and large-scale, rotating white characters, the design creates a sense of rhythmic movement and spatial depth. It targets a sophisticated audience of creative directors, tech innovators, and cultural institutions looking for designers who can push the boundaries of traditional web interfaces through experimental motion and structural play.",{"id":383,"website_id":384,"page_id":383,"name":385,"slug":386,"url":387,"website_name":385,"website_slug":386,"website_url":388,"result_url":387,"fetched_at":389,"score":185,"score_boost":337,"ai_score":390,"freshness_score":391,"scored_at":392,"page_name":46,"page_url":387,"page_title":385,"page_description":393,"page_content":394,"page_sort":337,"is_home":344,"is_home_rank":345,"page_type_id":346,"page_type_name":53,"cover":395,"cover_mobile":398,"cover_sequence":400,"translations":404,"industry":21,"styles":407,"credits":408,"font_families":409,"technologies":410,"pagespeed":411,"pagespeed_mobile":416,"buckets":422,"search_payload":423},"d6e3b725-4f1c-4152-b1b2-96fb4a3cb373","ffca8af6-ad62-42be-89b6-1e7286dc72e1","Vilmar Fernandes","vilmar-fernandes","https:\u002F\u002Fvilmarfernandes.com\u002F","https:\u002F\u002Fvilmarfernandes.com","2026-05-24T19:57:34.000Z",84,1779652654,"2026-05-24T19:57:55.000Z","Vilmar Fernandes is a Creative Designer with focus on UI, Motion and Interactive user experiences.","[ M o t o O n e ](motorola_one) - Mobile Application [ C l a r o P a y ](claro_pay) - Mobile Application [ M o t o g 1 0 0 ](motorola_g100) - Mobile Application [ F O X S p o r t s ](fox_sports) - Smart TV Application [ M o t o E d g e ](motorola_edge) - Mobile Application [ A s t r o A p p ](astro) - Smart TV Application [ M o t o R a z r ](motorola_razr) - Mobile Application [ S a m s u n g R i o ](samsung_rio) - Meta Quest Application Motorola One Claro Pay Motorola g100 FOX Sports Motorola Edge Astro App Motorola Razr Samsung Rio keyboard\\_arrow\\_up keyboard\\_arrow\\_down",{"id":396,"height":13,"width":12,"blurhash":397},"bae42a16-d762-42ea-be86-4f904c2ca8f6","radial-gradient(at 0 0,#2b0002,#00000000 50%),radial-gradient(at 33% 0,#190000,#00000000 50%),radial-gradient(at 67% 0,#211218,#00000000 50%),radial-gradient(at 100% 0,#280e16,#00000000 50%),radial-gradient(at 0 50%,#352f33,#00000000 50%),radial-gradient(at 33% 50%,#46443f,#00000000 50%),radial-gradient(at 67% 50%,#6a5c53,#00000000 50%),radial-gradient(at 100% 50%,#584942,#00000000 50%),radial-gradient(at 0 100%,#362b2e,#00000000 50%),radial-gradient(at 33% 100%,#423f39,#00000000 50%),radial-gradient(at 67% 100%,#685b52,#00000000 50%),radial-gradient(at 100% 100%,#584a44,#00000000 50%)",{"id":399,"height":15,"width":14,"blurhash":352},"110225c6-b6d5-4f31-a899-ae07b17d4a4a",[401],{"directus_files_id":402},{"id":403},"79493ef2-7529-41d7-af65-580731b3aa9b",[405],{"languages_code":359,"description":406},"Vilmar Fernandes is a sophisticated digital portfolio showcasing the work of a high-end creative designer specializing in UI, motion, and interactive experiences. The site serves as a curated gallery for premium mobile application and digital product design, aimed at tech-forward brands and creative agencies looking for top-tier interaction design talent.\n\nThe visual identity is defined by a sleek, cinematic dark mode aesthetic that prioritizes high-impact imagery and expansive negative space. Utilizing bold, oversized typography and a minimalist navigation structure, the design exudes a sense of modern luxury and technical precision. The layout is intentionally stripped back to allow the motion and visual storytelling of each project to command the user's full attention.",[362,232,363],[],[276,269],[],[412,413,414,415],{"score":182,"category":78},{"score":369,"category":81},{"score":369,"category":84},{"score":369,"category":87},[417,419,420,421],{"score":418,"category":78},70,{"score":369,"category":81},{"score":369,"category":84},{"score":369,"category":87},[96,100,108],"Website: Vilmar Fernandes. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Vilmar Fernandes. Page description: Vilmar Fernandes is a Creative Designer with focus on UI, Motion and Interactive user experiences.. Page content: [ M o t o O n e ](motorola_one) - Mobile Application [ C l a r o P a y ](claro_pay) - Mobile Application [ M o t o g 1 0 0 ](motorola_g100) - Mobile Application [ F O X S p o r t s ](fox_sports) - Smart TV Application [ M o t o E d g e ](motorola_edge) - Mobile Application [ A s t r o A p p ](astro) - Smart TV Application [ M o t o R a z r ](motorola_razr) - Mobile Application [ S a m s u n g R i o ](samsung_rio) - Meta Quest Application Motorola One Claro Pay Motorola g100 FOX Sports Motorola Edge Astro App Motorola Razr Samsung Rio keyboard\\_arrow\\_up keyboard\\_arrow\\_down. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features Black, Gray, White. The typography features Poppins (Sans Serif), Inter (Sans Serif). AI description: Vilmar Fernandes is a sophisticated digital portfolio showcasing the work of a high-end creative designer specializing in UI, motion, and interactive experiences. The site serves as a curated gallery for premium mobile application and digital product design, aimed at tech-forward brands and creative agencies looking for top-tier interaction design talent. The visual identity is defined by a sleek, cinematic dark mode aesthetic that prioritizes high-impact imagery and expansive negative space. Utilizing bold, oversized typography and a minimalist navigation structure, the design exudes a sense of modern luxury and technical precision. The layout is intentionally stripped back to allow the motion and visual storytelling of each project to command the user's full attention.",{"id":425,"website_id":426,"page_id":425,"name":427,"slug":428,"url":429,"website_name":427,"website_slug":428,"website_url":430,"result_url":429,"fetched_at":431,"score":85,"score_boost":337,"ai_score":186,"freshness_score":432,"scored_at":433,"page_name":46,"page_url":429,"page_title":434,"page_description":435,"page_content":436,"page_sort":337,"is_home":344,"is_home_rank":345,"page_type_id":346,"page_type_name":53,"cover":437,"cover_mobile":440,"cover_sequence":442,"translations":476,"industry":21,"styles":479,"credits":481,"font_families":482,"technologies":485,"pagespeed":486,"pagespeed_mobile":491,"buckets":496,"search_payload":498},"90241676-fd16-40a6-b980-426312b80cf4","df7c5837-20cd-498f-a5fb-4f7d6b837ea2","Roko Gabrilo","roko-gabrilo","https:\u002F\u002Froko-g.work\u002F","https:\u002F\u002Froko-g.work","2026-05-05T08:07:38.000Z",75,"2026-05-23T19:17:17.000Z","Roko Gabrilo, Work","Roko Gabrilo is an independent website designer and developer working internationally on a variety of engagements. He specializes at crafting nuanced and elegant work, with his solutions being both artistic and functional yet seamlessly integrated into projects of all shapes and sizes.","Denim Tears Aeir Melody Digital Talgh Minorstep Matija Gabrilo Klay Vision CMND.SERVICES March 2004 S-1 Studios Dilshan Karu George Davies Amzora Nabil Ettahir GRNDWRK STUDIO Denim Tears Web Design denimtears.com Aeir Web Design & Development olfactory-intelligence.com Melody Digital Web Design & Development melodydigital.co Talgh Web Design & Development talgh.co Minorstep Web Design & Development minorstep.com Matija Gabrilo Web Design & Development mgabrilo.work AndMUSIC Web Design & Development and-music.co Austen Goodman Web Design & Development austen.fun Klay Vision Web Design & Development klay.vision Ella Thomas Web Design & Development ellaethomas.com Gentle Systems Web Development gentle.systems CMND.SERVICES Web Design & Development cmnd.services March 2004 Web Development march2004.com S-1 Studios Web Design & Development s-1-studios.com Dilshan Karu Web Development dilshankaru.com George Davies Web Development georgedaviesstudio.com Amzora Animation Design & Development amzora.co Nabil Ettahir Web Design & Development nabilettahir.com Formnt Studio Web Design & Development formnt.studio Mandatory Attendance Web Design & Development mandatoryattendance.com GRNDWRK STUDIO Web Design & Development grndwrk.studio",{"id":438,"height":13,"width":12,"blurhash":439},"d8fc0920-d964-4731-a66f-fa9474fc35c7","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%,#ffffff,#00000000 50%),radial-gradient(at 67% 50%,#fdfdfd,#00000000 50%),radial-gradient(at 100% 50%,#fcfcfc,#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%,#fefefe,#00000000 50%)",{"id":441,"height":15,"width":14,"blurhash":352},"35423397-6975-4a62-ac1e-ce46189dc406",[443,446,449,452,455,458,461,464,467,470,473],{"directus_files_id":444},{"id":445},"b3cefb05-5d1e-4f2d-a458-2a61073da65d",{"directus_files_id":447},{"id":448},"4ad3a404-1096-444d-9f0c-a3fe227d2d40",{"directus_files_id":450},{"id":451},"c602fa9a-73ae-4e6c-bf62-ae0325344a09",{"directus_files_id":453},{"id":454},"780fc8da-0702-4d7f-a47f-9e86f9ca23d5",{"directus_files_id":456},{"id":457},"b5f814f7-1d64-41ae-957b-0b945124fd2f",{"directus_files_id":459},{"id":460},"df3499d1-52b5-4dcd-9e05-1641d8f222c6",{"directus_files_id":462},{"id":463},"82ff41c2-aebc-4668-a916-584e2398fbe4",{"directus_files_id":465},{"id":466},"80117f24-3b81-47d2-9f45-6d47eb66f3d6",{"directus_files_id":468},{"id":469},"2bbbd189-5964-4df8-ad84-86e032f5e290",{"directus_files_id":471},{"id":472},"339a2dc9-c4cd-4db5-93d9-5cdc4dcdd2d9",{"directus_files_id":474},{"id":475},"aab1f42f-398d-4554-b980-444f2bb6a291",[477],{"languages_code":359,"description":478},"Roko Gabrilo’s portfolio is a masterclass in high-end digital minimalism, serving as a sophisticated showcase for independent web design and development. The site utilizes a spacious, editorial layout that prioritizes large-scale imagery and rhythmic typography, allowing each project to breathe within a curated, gallery-like environment. It is a digital space designed for discerning clients who value the intersection of artistic nuance and functional excellence.\n\nThe visual identity is defined by a stark, monochromatic palette and a disciplined use of whitespace, evoking the feel of a premium fashion or art publication. Through a seamless blend of bold typographic hierarchy and smooth, immersive transitions, the website communicates a sense of calm authority and meticulous attention to detail. It positions the designer not just as a developer, but as a digital craftsman for international brands.",[362,480,363],"High-End \u002F Luxury",[427],[483,484],"Oracle","Fragment Mono",[251,246,247,248],[487,488,489,490],{"score":182,"category":78},{"score":308,"category":81},{"score":373,"category":84},{"score":369,"category":87},[492,493,494,495],{"score":145,"category":78},{"score":308,"category":81},{"score":373,"category":84},{"score":369,"category":87},[108,96,497,100],"brown","Website: Roko Gabrilo. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Roko Gabrilo, Work. Page description: Roko Gabrilo is an independent website designer and developer working internationally on a variety of engagements. He specializes at crafting nuanced and elegant work, with his solutions being both artistic and functional yet seamlessly integrated into projects of all shapes and sizes.. Page content: Denim Tears Aeir Melody Digital Talgh Minorstep Matija Gabrilo Klay Vision CMND.SERVICES March 2004 S-1 Studios Dilshan Karu George Davies Amzora Nabil Ettahir GRNDWRK STUDIO Denim Tears Web Design denimtears.com Aeir Web Design & Development olfactory-intelligence.com Melody Digital Web Design & Development melodydigital.co Talgh Web Design & Development talgh.co Minorstep Web Design & Development minorstep.com Matija Gabrilo Web Design & Development mgabrilo.work AndMUSIC Web Design & Development and-music.co Austen Goodman Web Design & Development austen.fun Klay Vision Web Design & Development klay.vision Ella Thomas Web Design & Development ellaethomas.com Gentle Systems Web Development gentle.systems CMND.SERVICES Web Design & Development cmnd.services March 2004 Web Development march2004.com S-1 Studios Web Design & Development s-1-studios.com Dilshan Karu Web Development dilshankaru.com George Davies Web Development georgedaviesstudio.com Amzora Animation Design & Development amzora.co Nabil Ettahir Web Design & Development nabilettahir.com Formnt Studio Web Design & Development formnt.studio Mandatory Attendance Web Design & Development mandatoryattendance.com GRNDWRK STUDIO Web Design & Development grndwrk.studio. A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Agency & Studio industry. Designed and developed by Roko Gabrilo. The overall color palette features White, Black, Brown, Gray. The typography features Oracle (Sans Serif, Dinamo), Fragment Mono. Built using Next.js, Node.js, React, Vercel. AI description: Roko Gabrilo’s portfolio is a masterclass in high-end digital minimalism, serving as a sophisticated showcase for independent web design and development. The site utilizes a spacious, editorial layout that prioritizes large-scale imagery and rhythmic typography, allowing each project to breathe within a curated, gallery-like environment. It is a digital space designed for discerning clients who value the intersection of artistic nuance and functional excellence. The visual identity is defined by a stark, monochromatic palette and a disciplined use of whitespace, evoking the feel of a premium fashion or art publication. Through a seamless blend of bold typographic hierarchy and smooth, immersive transitions, the website communicates a sense of calm authority and meticulous attention to detail. It positions the designer not just as a developer, but as a digital craftsman for international brands.",{"id":500,"website_id":501,"page_id":500,"name":502,"slug":503,"url":504,"website_name":502,"website_slug":503,"website_url":505,"result_url":504,"fetched_at":506,"score":148,"score_boost":337,"ai_score":507,"freshness_score":508,"scored_at":509,"page_name":46,"page_url":504,"page_title":503,"page_description":352,"page_content":510,"page_sort":337,"is_home":344,"is_home_rank":345,"page_type_id":346,"page_type_name":53,"cover":511,"cover_mobile":514,"cover_sequence":516,"translations":523,"industry":21,"styles":526,"credits":528,"font_families":529,"technologies":530,"pagespeed":534,"pagespeed_mobile":541,"buckets":546,"search_payload":548},"0f7b270e-71d5-4631-96c7-73efe9d4ed89","f660018b-17d2-470d-9e81-e6d00cee2381","Pppanik","pppanik","https:\u002F\u002Fpppanik.de\u002F","https:\u002F\u002Fpppanik.de","2026-05-04T07:46:02.000Z",25,1777880762,"2026-05-24T21:02:55.000Z","[ pppanik ](https:\u002F\u002Fpppanik.de) - about - projects - index - about - projects - index pppanik visual artist, graphic designer and educator focusing on generative animation and design. for freelance projects, collaborations or comissions, write them a mail via hello@pppanik.de (this portfolio is currently taking a nap to come back stronger.) meanwhile you can find my work on: instagram youtube patreon visual artist, graphic designer and educator focusing on generative animation and design. for freelance projects, collaborations or comissions, write them a mail via hello@pppanik.de (this portfolio is currently taking a nap to come back stronger.) meanwhile you can find my work on: instagram youtube patreon",{"id":512,"height":13,"width":12,"blurhash":513},"19303705-8654-4cf0-b86c-75b95175a650","radial-gradient(at 0 0,#ffffff,#00000000 50%),radial-gradient(at 33% 0,#ffffff,#00000000 50%),radial-gradient(at 67% 0,#fefdfe,#00000000 50%),radial-gradient(at 100% 0,#ffffff,#00000000 50%),radial-gradient(at 0 50%,#ffffff,#00000000 50%),radial-gradient(at 33% 50%,#f6f6f6,#00000000 50%),radial-gradient(at 67% 50%,#eeedee,#00000000 50%),radial-gradient(at 100% 50%,#f6f6f6,#00000000 50%),radial-gradient(at 0 100%,#ffffff,#00000000 50%),radial-gradient(at 33% 100%,#ffffff,#00000000 50%),radial-gradient(at 67% 100%,#fefffe,#00000000 50%),radial-gradient(at 100% 100%,#ffffff,#00000000 50%)",{"id":515,"height":15,"width":14,"blurhash":352},"679e880a-7ca3-4412-a39f-2e91276fc443",[517,520],{"directus_files_id":518},{"id":519},"8299f516-fe4c-4730-a6dc-6d0d2be15bae",{"directus_files_id":521},{"id":522},"2011056e-466f-480a-bbbb-46207299ff39",[524],{"languages_code":359,"description":525},"Pppanik serves as the digital landing page for a multidisciplinary creative professional specializing in generative animation, graphic design, and visual artistry. The site functions as a minimalist placeholder and contact portal, directing potential collaborators, freelance clients, and students toward the artist's active social channels and external platforms like Instagram, YouTube, and Patreon.\n\nThe visual identity is defined by a raw, unapologetic minimalist aesthetic that leans heavily into typographic hierarchy. Utilizing a stark, high-contrast monochrome palette and generous whitespace, the design communicates a sense of modern intellectualism and artistic focus. It avoids the clutter of traditional portfolios, opting instead for a direct, text-driven approach that targets a sophisticated audience of fellow creatives, tech-forward brands, and design enthusiasts.",[362,527,363],"Monochrome \u002F Grayscale",[],[270,273,273],[531,243,532,244,533,254,245],"fullPage.js","Lightbox","Swiper",[535,537,538,540],{"score":536,"category":78},80,{"score":198,"category":81},{"score":539,"category":84},77,{"score":184,"category":87},[542,543,544,545],{"score":191,"category":78},{"score":536,"category":81},{"score":539,"category":84},{"score":184,"category":87},[108,96,100,547],"violet","Website: Pppanik. Page: Homepage. Page type: Home \u002F Landing Page. Page title: pppanik. Page content: [ pppanik ](https:\u002F\u002Fpppanik.de) - about - projects - index - about - projects - index pppanik visual artist, graphic designer and educator focusing on generative animation and design. for freelance projects, collaborations or comissions, write them a mail via hello@pppanik.de (this portfolio is currently taking a nap to come back stronger.) meanwhile you can find my work on: instagram youtube patreon visual artist, graphic designer and educator focusing on generative animation and design. for freelance projects, collaborations or comissions, write them a mail via hello@pppanik.de (this portfolio is currently taking a nap to come back stronger.) meanwhile you can find my work on: instagram youtube patreon. A Clean \u002F Minimalist, Monochrome \u002F Grayscale, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features White, Black, Gray, Violet. The typography features Times New Roman (Serif), Neue Haas Grotesk (Sans Serif, Commercial Type), Neue Haas Grotesk (Sans Serif, Commercial Type). Built using fullPage.js, jQuery, Lightbox, PHP, Swiper, Typekit, WordPress. AI description: Pppanik serves as the digital landing page for a multidisciplinary creative professional specializing in generative animation, graphic design, and visual artistry. The site functions as a minimalist placeholder and contact portal, directing potential collaborators, freelance clients, and students toward the artist's active social channels and external platforms like Instagram, YouTube, and Patreon. The visual identity is defined by a raw, unapologetic minimalist aesthetic that leans heavily into typographic hierarchy. Utilizing a stark, high-contrast monochrome palette and generous whitespace, the design communicates a sense of modern intellectualism and artistic focus. It avoids the clutter of traditional portfolios, opting instead for a direct, text-driven approach that targets a sophisticated audience of fellow creatives, tech-forward brands, and design enthusiasts."]