[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-tobiasthaden":3,"facets-{\"includeAuthors\":\"false\"}":127,"facets-baseline-false":290,"similar-websites-tobiasthaden":323},{"id":4,"name":5,"slug":6,"url":7,"dateUpdated":8,"fetchedAt":9,"coverId":10,"coverMobileId":11,"coverWidth":12,"coverHeight":13,"coverMobileWidth":14,"coverMobileHeight":15,"descriptionEn":16,"seoMeta":17,"industry":20,"styles":24,"credits":36,"pages":37,"typefaces":49,"technologiesByCategory":54,"pagespeedDesktop":73,"pagespeedMobile":85,"performanceDesktop":76,"performanceMobile":87,"colorBuckets":91,"colorPalette":108},"ded34e28-d8bd-4e7d-9cb5-3c8d03b15dcf","Tobias Thaden","tobiasthaden","https:\u002F\u002Ftobiasthaden.com","2026-05-23T19:24:22.000Z","2026-05-05T16:02:22.000Z","2df50713-d9d4-4c20-ab47-3118e0c12abc","ceca5c44-0b1f-4c20-949c-6737b5cdbec6",1440,900,780,1688,"Tobias Thaden's personal portfolio serves as a sophisticated digital calling card for a developer who bridges the gap between design and engineering. The site functions as a professional biography and service overview, highlighting a dual expertise in UI\u002FUX design and complex backend architecture. It targets high-end tech companies and creative agencies looking for a versatile professional capable of handling everything from reactive interfaces to structured RESTful APIs.\n\nThe visual identity is defined by a striking, high-contrast aesthetic that leans into neo-brutalist and minimalist sensibilities. Utilizing a deep black background, the site employs bold, red typographic elements that dance across the screen, creating a sense of movement and personality. The inclusion of grainy, monochrome photography adds a cinematic, human touch to the technical subject matter, resulting in a brand identity that feels both intellectually rigorous and artistically expressive.",{"title":18,"meta_description":19},"Tobias Thaden | Software Developer & Product Designer","Hamburg-based software developer and product designer specializing in ReactJS, VueJS, and thoughtful web applications and microservices.",{"name":21,"label":22,"slug":23},"SaaS & Software","Software","software",[25,29,32],{"name":26,"label":27,"slug":28},"Brutalist \u002F Neo-Brutalist","Brutalist","brutalist",{"name":30,"label":30,"slug":31},"Dark Mode","dark-mode",{"name":33,"label":34,"slug":35},"Clean \u002F Minimalist","Minimalist","minimalist",[],[38],{"name":39,"title":40,"description":41,"url":42,"coverId":10,"coverMobileId":11,"alt":43,"altMobile":44,"pageType":45},"Homepage","Tobias Thaden - Software Developer","Tobias Thaden is a Hamburg, Germany based webdeveloper and designer. He has a focus on developing thoughtful web applications.","https:\u002F\u002Ftobiasthaden.com\u002F","The desktop homepage features a minimalist black background with the name 'Tobias Thaden' scattered in large, orange, playful typography at the top. Below the name, two side-by-side black and white photographs show indoor scenes with plants and a person. The layout transitions into white text on a black background, detailing professional experience and a list of technical buzzwords.","The mobile version maintains the black background and orange scattered typography, but the two black and white hero images are stacked vertically instead of side-by-side. The text content below follows a single-column layout, presenting the professional biography and technical skills in a continuous vertical scroll.",{"name":46,"label":47,"slug":48},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[50],{"name":51,"label":51,"slug":52,"foundryName":53},"GT Walsheim","gt-walsheim","Grilli Type",{"Web servers":55,"CDN":59,"JavaScript libraries":66,"Operating systems":69},[56],{"name":57,"label":57,"slug":58},"Apache HTTP Server","apache-http-server",[60,63],{"name":61,"label":61,"slug":62},"jsDelivr","jsdelivr",{"name":64,"label":64,"slug":65},"Unpkg","unpkg",[67],{"name":68,"label":68,"slug":68},"scrollreveal",[70],{"name":71,"label":71,"slug":72},"UNIX","unix",[74,77,80,83],{"category":75,"score":76},"performance",87,{"category":78,"score":79},"accessibility",96,{"category":81,"score":82},"best-practices",100,{"category":84,"score":82},"seo",[86,88,89,90],{"category":75,"score":87},79,{"category":78,"score":79},{"category":81,"score":82},{"category":84,"score":82},[92,96,100,104],{"value":93,"label":94,"hex":95},"black","Black","#000000",{"value":97,"label":98,"hex":99},"white","White","#ffffff",{"value":101,"label":102,"hex":103},"gray","Gray","#737373",{"value":105,"label":106,"hex":107},"red","Red","#fa2c37",[109,112,115,118,121,124],{"hex":110,"percent":111},"#010101",0.6419,{"hex":113,"percent":114},"#363636",0.1147,{"hex":116,"percent":117},"#D7D7D7",0.1056,{"hex":119,"percent":120},"#F9F9F9",0.088,{"hex":122,"percent":123},"#838383",0.0455,{"hex":125,"percent":126},"#F86045",0.0043,{"facetDistribution":128,"facetLabels":204},{"industry":129,"styles":149,"technologies":163,"font_families":188,"page_type_name":202},{"Agency & Studio":130,"Art & Culture":131,"SaaS & Software":132,"Fashion & Apparel":133,"Architecture & Real Estate":134,"Entertainment & Media":135,"Food & Beverage":136,"Photography & Video":137,"Finance & Fintech":138,"Healthcare & Wellness":139,"Technology & Hardware":140,"Industrial & Manufacturing":141,"Beauty & Cosmetics":142,"Travel & Hospitality":143,"Non-Profit & Charity":144,"Education & Courses":145,"Crypto & Web3":146,"Sports & Fitness":147,"Automotive & Transportation":148},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":150,"Typographic \u002F Big Type":151,"High-End \u002F Luxury":152,"Dark Mode":153,"Vibrant \u002F Colorful":154,"Monochrome \u002F Grayscale":155,"Fun \u002F Playful":156,"Brutalist \u002F Neo-Brutalist":157,"Corporate \u002F Professional":158,"Illustrative \u002F Hand-drawn":76,"Futuristic \u002F Sci-Fi":159,"3D \u002F Spatial":160,"Retro \u002F Vintage \u002F Y2K":161,"Glassmorphism":162,"Bento Grid":162},2056,1713,1012,570,393,317,257,236,205,69,55,33,15,{"jQuery":164,"PHP":165,"WordPress":166,"Node.js":167,"React":168,"Vercel":169,"Vue.js":170,"Shopify":171,"Next.js":172,"Klaviyo":173,"Nuxt.js":174,"Typekit":175,"Amazon Web Services":176,"reCAPTCHA":177,"YouTube":178,"MailChimp":179,"Modernizr":180,"Bootstrap":181,"Slick":182,"Google Font API":87,"Craft CMS":183,"Framer Sites":184,"Contact Form 7":185,"Stimulus":186,"Google Maps":187},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,92,91,85,82,66,65,64,59,58,{"Inter":189,"Times New Roman":190,"Roboto":191,"Open Sans":192,"Neue Haas Grotesk":192,"Suisse Intl":193,"Arial":159,"Poppins":183,"Helvetica Neue":185,"Montserrat":194,"Diatype":160,"Neue Montreal":140,"Lato":141,"Graphik":195,"Source Sans":196,"Monument Grotesk":197,"Noto Sans":198,"Helvetica":199,"Söhne":200,"DM Sans":200,"Founders Grotesk":200,"GT America":201,"Google Sans":201,"Editorial":161,"IBM Plex Mono":145},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":203},2397,{"industry":205,"styles":224,"page_type_name":237,"technologies":238,"font_families":264},{"Agency & Studio":206,"Art & Culture":207,"SaaS & Software":22,"Fashion & Apparel":208,"Architecture & Real Estate":209,"Entertainment & Media":210,"Food & Beverage":211,"Photography & Video":212,"Finance & Fintech":213,"Healthcare & Wellness":214,"Technology & Hardware":215,"Industrial & Manufacturing":216,"Beauty & Cosmetics":217,"Travel & Hospitality":218,"Non-Profit & Charity":219,"Education & Courses":220,"Crypto & Web3":221,"Sports & Fitness":222,"Automotive & Transportation":223},"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":34,"Typographic \u002F Big Type":225,"High-End \u002F Luxury":226,"Dark Mode":30,"Vibrant \u002F Colorful":227,"Monochrome \u002F Grayscale":228,"Fun \u002F Playful":229,"Brutalist \u002F Neo-Brutalist":27,"Corporate \u002F Professional":230,"Illustrative \u002F Hand-drawn":231,"Futuristic \u002F Sci-Fi":232,"3D \u002F Spatial":233,"Retro \u002F Vintage \u002F Y2K":234,"Glassmorphism":235,"Bento Grid":236},"Typographic","Luxury","Vibrant","Monochrome","Playful","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":47},{"jQuery":239,"PHP":240,"WordPress":241,"Node.js":242,"React":243,"Vercel":244,"Vue.js":245,"Shopify":246,"Next.js":247,"Klaviyo":248,"Nuxt.js":249,"Typekit":250,"Amazon Web Services":251,"reCAPTCHA":252,"YouTube":253,"MailChimp":254,"Modernizr":255,"Bootstrap":256,"Slick":257,"Google Font API":258,"Craft CMS":259,"Framer Sites":260,"Contact Form 7":261,"Stimulus":262,"Google Maps":263},"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":265,"Times New Roman":266,"Roboto":267,"Open Sans":268,"Neue Haas Grotesk":269,"Suisse Intl":270,"Arial":271,"Poppins":272,"Helvetica Neue":273,"Montserrat":274,"Diatype":275,"Neue Montreal":276,"Lato":277,"Graphik":278,"Source Sans":279,"Monument Grotesk":280,"Noto Sans":281,"Helvetica":282,"Söhne":283,"DM Sans":284,"Founders Grotesk":285,"GT America":286,"Google Sans":287,"Editorial":288,"IBM Plex Mono":289},"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":291,"facetLabels":307},{"industry":292,"styles":293,"technologies":294,"font_families":295,"page_type_name":296},{"Agency & Studio":130,"Art & Culture":131,"SaaS & Software":132,"Fashion & Apparel":133,"Architecture & Real Estate":134,"Entertainment & Media":135,"Food & Beverage":136,"Photography & Video":137,"Finance & Fintech":138,"Healthcare & Wellness":139,"Technology & Hardware":140,"Industrial & Manufacturing":141,"Beauty & Cosmetics":142,"Travel & Hospitality":143,"Non-Profit & Charity":144,"Education & Courses":145,"Crypto & Web3":146,"Sports & Fitness":147,"Automotive & Transportation":148},{"Clean \u002F Minimalist":150,"Typographic \u002F Big Type":151,"High-End \u002F Luxury":152,"Dark Mode":153,"Vibrant \u002F Colorful":154,"Monochrome \u002F Grayscale":155,"Fun \u002F Playful":156,"Brutalist \u002F Neo-Brutalist":157,"Corporate \u002F Professional":158,"Illustrative \u002F Hand-drawn":76,"Futuristic \u002F Sci-Fi":159,"3D \u002F Spatial":160,"Retro \u002F Vintage \u002F Y2K":161,"Glassmorphism":162,"Bento Grid":162},{"jQuery":164,"PHP":165,"WordPress":166,"Node.js":167,"React":168,"Vercel":169,"Vue.js":170,"Shopify":171,"Next.js":172,"Klaviyo":173,"Nuxt.js":174,"Typekit":175,"Amazon Web Services":176,"reCAPTCHA":177,"YouTube":178,"MailChimp":179,"Modernizr":180,"Bootstrap":181,"Slick":182,"Google Font API":87,"Craft CMS":183,"Framer Sites":184,"Contact Form 7":185,"Stimulus":186,"Google Maps":187},{"Inter":189,"Times New Roman":190,"Roboto":191,"Open Sans":192,"Neue Haas Grotesk":192,"Suisse Intl":193,"Arial":159,"Poppins":183,"Helvetica Neue":185,"Montserrat":194,"Diatype":160,"Neue Montreal":140,"Lato":141,"Graphik":195,"Source Sans":196,"Monument Grotesk":197,"Noto Sans":198,"Helvetica":199,"Söhne":200,"DM Sans":200,"Founders Grotesk":200,"GT America":201,"Google Sans":201,"Editorial":161,"IBM Plex Mono":145},{"Home \u002F Landing Page":297,"About Us \u002F Team":298,"Projects \u002F Portfolio":299,"Contact Us":300,"Blog \u002F Article Layout":301,"Services \u002F Features":302,"Shop \u002F Catalog":303,"Careers \u002F Jobs":304,"Pricing Page":139,"Sign Up \u002F Login":305,"404 Error Page":306},2401,774,527,418,378,341,299,89,27,9,{"industry":308,"styles":309,"page_type_name":310,"technologies":321,"font_families":322},{"Agency & Studio":206,"Art & Culture":207,"SaaS & Software":22,"Fashion & Apparel":208,"Architecture & Real Estate":209,"Entertainment & Media":210,"Food & Beverage":211,"Photography & Video":212,"Finance & Fintech":213,"Healthcare & Wellness":214,"Technology & Hardware":215,"Industrial & Manufacturing":216,"Beauty & Cosmetics":217,"Travel & Hospitality":218,"Non-Profit & Charity":219,"Education & Courses":220,"Crypto & Web3":221,"Sports & Fitness":222,"Automotive & Transportation":223},{"Clean \u002F Minimalist":34,"Typographic \u002F Big Type":225,"High-End \u002F Luxury":226,"Dark Mode":30,"Vibrant \u002F Colorful":227,"Monochrome \u002F Grayscale":228,"Fun \u002F Playful":229,"Brutalist \u002F Neo-Brutalist":27,"Corporate \u002F Professional":230,"Illustrative \u002F Hand-drawn":231,"Futuristic \u002F Sci-Fi":232,"3D \u002F Spatial":233,"Retro \u002F Vintage \u002F Y2K":234,"Glassmorphism":235,"Bento Grid":236},{"Home \u002F Landing Page":47,"About Us \u002F Team":311,"Projects \u002F Portfolio":312,"Contact Us":313,"Blog \u002F Article Layout":314,"Services \u002F Features":315,"Shop \u002F Catalog":316,"Careers \u002F Jobs":317,"Pricing Page":318,"Sign Up \u002F Login":319,"404 Error Page":320},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":239,"PHP":240,"WordPress":241,"Node.js":242,"React":243,"Vercel":244,"Vue.js":245,"Shopify":246,"Next.js":247,"Klaviyo":248,"Nuxt.js":249,"Typekit":250,"Amazon Web Services":251,"reCAPTCHA":252,"YouTube":253,"MailChimp":254,"Modernizr":255,"Bootstrap":256,"Slick":257,"Google Font API":258,"Craft CMS":259,"Framer Sites":260,"Contact Form 7":261,"Stimulus":262,"Google Maps":263},{"Inter":265,"Times New Roman":266,"Roboto":267,"Open Sans":268,"Neue Haas Grotesk":269,"Suisse Intl":270,"Arial":271,"Poppins":272,"Helvetica Neue":273,"Montserrat":274,"Diatype":275,"Neue Montreal":276,"Lato":277,"Graphik":278,"Source Sans":279,"Monument Grotesk":280,"Noto Sans":281,"Helvetica":282,"Söhne":283,"DM Sans":284,"Founders Grotesk":285,"GT America":286,"Google Sans":287,"Editorial":288,"IBM Plex Mono":289},{"hits":324},[325,467,509,589],{"id":326,"website_id":327,"page_id":326,"name":328,"slug":329,"url":330,"website_name":328,"website_slug":329,"website_url":331,"result_url":330,"fetched_at":332,"score":333,"score_boost":334,"ai_score":333,"freshness_score":335,"scored_at":336,"page_name":39,"page_url":330,"page_title":337,"page_description":338,"page_content":339,"page_sort":334,"is_home":340,"is_home_rank":341,"page_type_id":342,"page_type_name":46,"cover":343,"cover_mobile":346,"cover_sequence":349,"translations":440,"industry":444,"styles":445,"credits":448,"font_families":449,"technologies":451,"pagespeed":452,"pagespeed_mobile":458,"buckets":464,"search_payload":466},"abea0ba2-421f-412b-af73-aaa6e3152954","ef44cd95-11ed-410a-aa5e-29695f322818","Andrew Aden","andrewaden","https:\u002F\u002Fandrewaden.com\u002F","https:\u002F\u002Fandrewaden.com","2026-05-23T20:34:12.000Z",84,0,1779568452,"2026-05-24T20:59:08.000Z","Andrew Aden — Designer and Photographer","Andrew Aden is a versatile designer and photographer working in the creative industries for over a decade.","Hello, my name is Andrew Aden. I’m a versatile designer, art director, and photographer working in the creative industries for over two decades. Open for new projects. polestar , concept , 2024 The Polestar series of electric cars is a Scandinavian piece of art. While websites these days are more or less similar, I wanted to experiment and create a user experience design and visuals using CGI with Unreal Engine power, especially for online car configurator. VEER , ecommerce , 2024 These highly designed and engineered mini vehicles are way more than your typical stroller. Designed to be used across all terrains, Veer’s vision goes beyond creating the perfect children’s carrier, their message is to encourage us to go outside with our kids. Natasha Denona , Website , 2024 All Natural, a new wellness e-commerce brand, tasked us with creating a digital presence that conveyed purity, tactility, and trust. The objective was to develop a custom website and product ecosystem that would support both storytelling and conversion. We focused on a minimal yet expressive visual language that aligned with the brand’s clean ingredients and sustainability ethos. Audo , ecommerce , 2024 Concept design to renovate user experience and visual design for a modern furniture design company. Omega , interactive, cgi , 2024 Experimental CGI ecommerce Magic Leap 2 , interactive , 2024 Conceptual user experience and visual design for AR\u002FVR product. Art Direction, Conceptual UX\u002FUI design, CGI. Copyright to first-things.studio and Magic Leap. Bentley Motors , interactive, cgi , 2024 Conceptual user experience and visual design for AR\u002FVR product. Art Direction, Conceptual UX\u002FUI design, CGI made in Unreal Engine. David Beckham Eyewear , digital, content , 2024 Design pitch and content production for David Beckham's eyewear brand. Videos and photos copyright to DB Limited. Lucid , Interactive,motion , 2024 Concept design pitch for the first Lucid Motors website. WebGL technology.",true,1,"1",{"id":344,"height":13,"width":12,"blurhash":345},"3f804f29-b049-411c-aa22-2aad91e3426a","radial-gradient(at 0 0,#f3f3f4,#00000000 50%),radial-gradient(at 33% 0,#fbfbfc,#00000000 50%),radial-gradient(at 67% 0,#fafafa,#00000000 50%),radial-gradient(at 100% 0,#f2f2f3,#00000000 50%),radial-gradient(at 0 50%,#ffffff,#00000000 50%),radial-gradient(at 33% 50%,#ffffff,#00000000 50%),radial-gradient(at 67% 50%,#ffffff,#00000000 50%),radial-gradient(at 100% 50%,#ffffff,#00000000 50%),radial-gradient(at 0 100%,#c8c8c9,#00000000 50%),radial-gradient(at 33% 100%,#d6d6d7,#00000000 50%),radial-gradient(at 67% 100%,#c9c9ca,#00000000 50%),radial-gradient(at 100% 100%,#b9b9ba,#00000000 50%)",{"id":347,"height":15,"width":14,"blurhash":348},"43dd044b-f020-4b65-9f07-2eedf08a740f",null,[350,353,356,359,362,365,368,371,374,377,380,383,386,389,392,395,398,401,404,407,410,413,416,419,422,425,428,431,434,437],{"directus_files_id":351},{"id":352},"5884590e-fd6d-4d5f-8349-e3e2640d82eb",{"directus_files_id":354},{"id":355},"62b4e8dd-8957-41f8-bcf5-3a4a4cb61044",{"directus_files_id":357},{"id":358},"531e0e45-a4dd-4f69-b49d-f0c053a9bec4",{"directus_files_id":360},{"id":361},"e14156b6-7f3d-4eb0-918b-9cacff87271a",{"directus_files_id":363},{"id":364},"cad8098f-c8c4-4e9b-8001-180ecc1bb1b8",{"directus_files_id":366},{"id":367},"7f321235-8ca3-4998-80eb-0e37251f0fff",{"directus_files_id":369},{"id":370},"321b1b9a-aeec-486e-9389-8fbccb7a8dab",{"directus_files_id":372},{"id":373},"c5adb365-5988-4806-9803-0412916b8268",{"directus_files_id":375},{"id":376},"d927f96b-37bb-42c4-b5a0-9ea62c55b2ad",{"directus_files_id":378},{"id":379},"de2f6058-7e1d-46f2-97ae-222ffd19b356",{"directus_files_id":381},{"id":382},"791b7cb0-5bea-4662-af73-eda471ec0e14",{"directus_files_id":384},{"id":385},"5b44a074-55fa-41c7-a0bc-23f0ad471c2e",{"directus_files_id":387},{"id":388},"e4653779-e618-421c-ba2c-be3457aaef79",{"directus_files_id":390},{"id":391},"4de8c249-99f8-4649-904e-dc51bb71a96c",{"directus_files_id":393},{"id":394},"d2e28333-4932-4aa7-9c2f-caa6d556210c",{"directus_files_id":396},{"id":397},"94c48589-ad6f-44b9-b4b0-f28c692f59a2",{"directus_files_id":399},{"id":400},"758e5953-4358-48ac-a8de-4368ff383bf8",{"directus_files_id":402},{"id":403},"965ae125-0857-461b-befe-ca053263e1b0",{"directus_files_id":405},{"id":406},"55c639a0-8dc9-415b-85d7-cf7ddbd7a19d",{"directus_files_id":408},{"id":409},"8379104d-25ed-4b66-b936-d771d12c262e",{"directus_files_id":411},{"id":412},"6ff2e6d2-268d-4368-87c5-3bdeec47d6ab",{"directus_files_id":414},{"id":415},"7d3c961a-6ebc-4583-99af-908e950b85da",{"directus_files_id":417},{"id":418},"4894f967-bd91-49f0-95b4-9dc9d4a4bf3a",{"directus_files_id":420},{"id":421},"65b878a5-fd4f-4334-ba61-add75121eed0",{"directus_files_id":423},{"id":424},"ef4b12c6-4186-4ae3-84e1-3a57b6add11e",{"directus_files_id":426},{"id":427},"770622b6-d48e-4794-8e4a-b58f2aa4b03d",{"directus_files_id":429},{"id":430},"e7c7e81b-3221-4681-8e4d-8ee903a2eddf",{"directus_files_id":432},{"id":433},"10a22859-f9f5-4779-a967-895dc8c16214",{"directus_files_id":435},{"id":436},"34f17e72-3f65-4f8a-aab7-3b728ab8e269",{"directus_files_id":438},{"id":439},"b2fe5961-f282-4c1f-99e8-4f85bd418d27",[441],{"languages_code":442,"description":443},"en","Andrew Aden's portfolio serves as a sophisticated digital showcase for a multi-disciplinary creative professional. The site functions as a high-end gallery, seamlessly blending design, art direction, and photography to demonstrate over two decades of industry expertise. Through a curated selection of projects ranging from automotive concepts to editorial photography, the website establishes Aden as a versatile veteran capable of handling complex visual narratives.\n\nThe visual identity is defined by a rigorous commitment to minimalism and Swiss-inspired typography. Utilizing a vast amount of white space and a structured grid system, the design allows the imagery to command attention without distraction. The aesthetic is clean, professional, and authoritative, employing a monochromatic foundation that highlights the color and texture of the featured work. It is a masterclass in understated elegance, targeting high-tier creative agencies and premium brand clients.","Photography & Video",[33,446,447],"Monochrome \u002F Grayscale","Typographic \u002F Big Type",[],[450,265],"Fragment Mono",[260,243],[453,455,456,457],{"score":454,"category":75},48,{"score":193,"category":78},{"score":79,"category":81},{"score":82,"category":84},[459,461,462,463],{"score":460,"category":75},63,{"score":179,"category":78},{"score":79,"category":81},{"score":82,"category":84},[97,93,101,465],"brown","Website: Andrew Aden. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Andrew Aden — Designer and Photographer. Page description: Andrew Aden is a versatile designer and photographer working in the creative industries for over a decade.. Page content: Hello, my name is Andrew Aden. I’m a versatile designer, art director, and photographer working in the creative industries for over two decades. Open for new projects. polestar , concept , 2024 The Polestar series of electric cars is a Scandinavian piece of art. While websites these days are more or less similar, I wanted to experiment and create a user experience design and visuals using CGI with Unreal Engine power, especially for online car configurator. VEER , ecommerce , 2024 These highly designed and engineered mini vehicles are way more than your typical stroller. Designed to be used across all terrains, Veer’s vision goes beyond creating the perfect children’s carrier, their message is to encourage us to go outside with our kids. Natasha Denona , Website , 2024 All Natural, a new wellness e-commerce brand, tasked us with creating a digital presence that conveyed purity, tactility, and trust. The objective was to develop a custom website and product ecosystem that would support both storytelling and conversion. We focused on a minimal yet expressive visual language that aligned with the brand’s clean ingredients and sustainability ethos. Audo , ecommerce , 2024 Concept design to renovate user experience and visual design for a modern furniture design company. Omega , interactive, cgi , 2024 Experimental CGI ecommerce Magic Leap 2 , interactive , 2024 Conceptual user experience and visual design for AR\u002FVR product. Art Direction, Conceptual UX\u002FUI design, CGI. Copyright to first-things.studio and Magic Leap. Bentley Motors , interactive, cgi , 2024 Conceptual user experience and visual design for AR\u002FVR product. Art Direction, Conceptual UX\u002FUI design, CGI made in Unreal Engine. David Beckham Eyewear , digital, content , 2024 Design pitch and content production for David Beckham's eyewear brand. Videos and photos copyright to DB Limited. Lucid , Interactive,motion , 2024 Concept design pitch for the first Lucid Motors website. WebGL technology.. A Clean \u002F Minimalist, Monochrome \u002F Grayscale, Typographic \u002F Big Type website in the Photography & Video industry. The overall color palette features White, Black, Gray, Brown. The typography features Fragment Mono, Inter (Sans Serif). Built using Framer Sites, React. AI description: Andrew Aden's portfolio serves as a sophisticated digital showcase for a multi-disciplinary creative professional. The site functions as a high-end gallery, seamlessly blending design, art direction, and photography to demonstrate over two decades of industry expertise. Through a curated selection of projects ranging from automotive concepts to editorial photography, the website establishes Aden as a versatile veteran capable of handling complex visual narratives. The visual identity is defined by a rigorous commitment to minimalism and Swiss-inspired typography. Utilizing a vast amount of white space and a structured grid system, the design allows the imagery to command attention without distraction. The aesthetic is clean, professional, and authoritative, employing a monochromatic foundation that highlights the color and texture of the featured work. It is a masterclass in understated elegance, targeting high-tier creative agencies and premium brand clients.",{"id":468,"website_id":469,"page_id":468,"name":470,"slug":471,"url":472,"website_name":470,"website_slug":471,"website_url":473,"result_url":472,"fetched_at":474,"score":181,"score_boost":334,"ai_score":192,"freshness_score":185,"scored_at":475,"page_name":39,"page_url":472,"page_title":476,"page_description":477,"page_content":478,"page_sort":334,"is_home":340,"is_home_rank":341,"page_type_id":342,"page_type_name":46,"cover":479,"cover_mobile":482,"cover_sequence":484,"translations":488,"industry":491,"styles":492,"credits":493,"font_families":494,"technologies":495,"pagespeed":496,"pagespeed_mobile":501,"buckets":507,"search_payload":508},"0a17e202-7bc0-464b-97e3-75b8cf0aeecb","ffb72c29-7eaf-4876-83af-3042fb3f3187","Quentin Hocdé","quentin-hocde","https:\u002F\u002Fquentinhocde.com\u002F","https:\u002F\u002Fquentinhocde.com","2026-04-24T15:43:52.000Z","2026-05-23T19:09:48.000Z","Quentin Hocdé - Creative Developer - v26.0","Freelance Creative & Interactive Developer.\nI build handcrafted websites with motion, subtle\ndetails and fun interactions.","[ Q u e n t i n H o c d é Quentin Hocdé](\u002F) M e n u Menu - [ W o r k s Works W o r k s Works](\u002Fworks) - [ A r c h i v e Archive A r c h i v e Archive](\u002Farchive) - [ A b o u t About A b o u t About](\u002Fabout) - [ C o n t a c t ↗ Contact ↗ C o n t a c t ↗ Contact ↗](mailto:hello@quentinhocde.com) - [ L I LI](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fquentinhocde\u002F) - [ I G IG](https:\u002F\u002Finstagram.com\u002Fquentin_internet) - [ B S K Y BSKY](https:\u002F\u002Fbsky.app\u002Fprofile\u002Fquentinhocde.bsky.social) - [ T W TW](https:\u002F\u002Ftwitter.com\u002Fquentinhocde) - [ G H GH](https:\u002F\u002Fgithub.com\u002Fquentinhocde) - WWooorrkss - AAAArrcchhhhivee - AAAAbouuutttt - CCCCoooonntttaaaacct - [ L I LI](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fquentinhocde\u002F) - [ I g Ig](https:\u002F\u002Finstagram.com\u002Fquentin_internet) - [ B s k y Bsky](https:\u002F\u002Fbsky.app\u002Fprofile\u002Fquentinhocde.bsky.social) - [ T w Tw](https:\u002F\u002Ftwitter.com\u002Fquentinhocde) - [ G h Gh](https:\u002F\u002Fgithub.com\u002Fquentinhocde) H e l l o F r o m 2 0 1 3 From 2013 F r e e l a n c e I n t e r a c t i v e D e v e l o p e r . I b u i l d h a n d c r a f t e d w e b s i t e s w i t h m o t i o n , s u b t l e d e t a i l s a n d f u n i n t e r a c t i o n s . Freelance Interactive Developer.I build handcrafted websites with motion, subtle details and fun interactions. F r o n t \\- e n d d e v e l o p m e n t C r a f t e d & a n i m a t e d w e b s i t e s W o r d p r e s s S h o p i f y S a n i t y A s t r o Front-end developmentCrafted & animated websitesWordpressShopifySanityAstro B a s e d i n B r u s s e l s B e l g i u m Based in BrusselsBelgium QQQQuuuueeenttttiiinn HHooooccdéééé CCCrreeeeaaaatiivvee TTTeeeecchhnnnoolllooggiiissst &&& Devvvveloooopppeeeerrrr v 2 6 . 0 v26.0",{"id":480,"height":13,"width":12,"blurhash":481},"fe2f76f4-4aab-463c-84f6-d5c1f80a1c98","radial-gradient(at 0 0,#555555,#00000000 50%),radial-gradient(at 33% 0,#6a6a6a,#00000000 50%),radial-gradient(at 67% 0,#6c6c6c,#00000000 50%),radial-gradient(at 100% 0,#737373,#00000000 50%),radial-gradient(at 0 50%,#000000,#00000000 50%),radial-gradient(at 33% 50%,#505050,#00000000 50%),radial-gradient(at 67% 50%,#3e3e3e,#00000000 50%),radial-gradient(at 100% 50%,#444444,#00000000 50%),radial-gradient(at 0 100%,#686868,#00000000 50%),radial-gradient(at 33% 100%,#818181,#00000000 50%),radial-gradient(at 67% 100%,#8f8f8f,#00000000 50%),radial-gradient(at 100% 100%,#999999,#00000000 50%)",{"id":483,"height":15,"width":14,"blurhash":348},"f560ad78-540f-4115-97af-b7e4440268a1",[485],{"directus_files_id":486},{"id":487},"2edd3564-f2c4-404f-b700-6a9c71dd5787",[489],{"languages_code":442,"description":490},"Oversized, heavy-weight typography dominates the landscape, immediately establishing a high-impact presence for this creative developer. The site functions as a digital calling card, using a high-contrast grayscale palette to prioritize legibility and structural rhythm. By anchoring the composition with massive letterforms that bleed across the frame, the design communicates a sense of technical confidence and bold creative direction.\n\nMonochromatic textures and a blurred, atmospheric background provide depth without distracting from the core information. The layout utilizes a sparse, grid-based approach where information is distributed with intentional breathing room, allowing the typography to act as both content and primary graphic element. A subtle use of motion and high-density text clusters in the subpages creates a sophisticated pacing that rewards closer inspection of the developer's specific technical stack.","Agency & Studio",[33,30,447],[470],[276],[],[497,498,499,500],{"score":194,"category":75},{"score":179,"category":78},{"score":82,"category":81},{"score":82,"category":84},[502,504,505,506],{"score":503,"category":75},86,{"score":82,"category":78},{"score":82,"category":81},{"score":82,"category":84},[93,101,97],"Website: Quentin Hocdé. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Quentin Hocdé - Creative Developer - v26.0. Page description: Freelance Creative & Interactive Developer.\nI build handcrafted websites with motion, subtle\ndetails and fun interactions.. Page content: [ Q u e n t i n H o c d é Quentin Hocdé](\u002F) M e n u Menu - [ W o r k s Works W o r k s Works](\u002Fworks) - [ A r c h i v e Archive A r c h i v e Archive](\u002Farchive) - [ A b o u t About A b o u t About](\u002Fabout) - [ C o n t a c t ↗ Contact ↗ C o n t a c t ↗ Contact ↗](mailto:hello@quentinhocde.com) - [ L I LI](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fquentinhocde\u002F) - [ I G IG](https:\u002F\u002Finstagram.com\u002Fquentin_internet) - [ B S K Y BSKY](https:\u002F\u002Fbsky.app\u002Fprofile\u002Fquentinhocde.bsky.social) - [ T W TW](https:\u002F\u002Ftwitter.com\u002Fquentinhocde) - [ G H GH](https:\u002F\u002Fgithub.com\u002Fquentinhocde) - WWooorrkss - AAAArrcchhhhivee - AAAAbouuutttt - CCCCoooonntttaaaacct - [ L I LI](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fquentinhocde\u002F) - [ I g Ig](https:\u002F\u002Finstagram.com\u002Fquentin_internet) - [ B s k y Bsky](https:\u002F\u002Fbsky.app\u002Fprofile\u002Fquentinhocde.bsky.social) - [ T w Tw](https:\u002F\u002Ftwitter.com\u002Fquentinhocde) - [ G h Gh](https:\u002F\u002Fgithub.com\u002Fquentinhocde) H e l l o F r o m 2 0 1 3 From 2013 F r e e l a n c e I n t e r a c t i v e D e v e l o p e r . I b u i l d h a n d c r a f t e d w e b s i t e s w i t h m o t i o n , s u b t l e d e t a i l s a n d f u n i n t e r a c t i o n s . Freelance Interactive Developer.I build handcrafted websites with motion, subtle details and fun interactions. F r o n t \\- e n d d e v e l o p m e n t C r a f t e d & a n i m a t e d w e b s i t e s W o r d p r e s s S h o p i f y S a n i t y A s t r o Front-end developmentCrafted & animated websitesWordpressShopifySanityAstro B a s e d i n B r u s s e l s B e l g i u m Based in BrusselsBelgium QQQQuuuueeenttttiiinn HHooooccdéééé CCCrreeeeaaaatiivvee TTTeeeecchhnnnoolllooggiiissst &&& Devvvveloooopppeeeerrrr v 2 6 . 0 v26.0. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Agency & Studio industry. Designed and developed by Quentin Hocdé. The overall color palette features Black, Gray, White. The typography features Neue Montreal (Sans Serif, Pangram Pangram). AI description: Oversized, heavy-weight typography dominates the landscape, immediately establishing a high-impact presence for this creative developer. The site functions as a digital calling card, using a high-contrast grayscale palette to prioritize legibility and structural rhythm. By anchoring the composition with massive letterforms that bleed across the frame, the design communicates a sense of technical confidence and bold creative direction. Monochromatic textures and a blurred, atmospheric background provide depth without distracting from the core information. The layout utilizes a sparse, grid-based approach where information is distributed with intentional breathing room, allowing the typography to act as both content and primary graphic element. A subtle use of motion and high-density text clusters in the subpages creates a sophisticated pacing that rewards closer inspection of the developer's specific technical stack.",{"id":510,"website_id":511,"page_id":510,"name":512,"slug":513,"url":514,"website_name":512,"website_slug":513,"website_url":515,"result_url":514,"fetched_at":516,"score":517,"score_boost":334,"ai_score":518,"freshness_score":519,"scored_at":520,"page_name":39,"page_url":514,"page_title":512,"page_description":521,"page_content":522,"page_sort":334,"is_home":340,"is_home_rank":341,"page_type_id":342,"page_type_name":46,"cover":523,"cover_mobile":526,"cover_sequence":528,"translations":565,"industry":491,"styles":568,"credits":570,"font_families":571,"technologies":572,"pagespeed":573,"pagespeed_mobile":579,"buckets":584,"search_payload":588},"f90a9160-9e18-47f4-b39e-bafb515f0032","fb4a0df2-78a5-43fe-b9b3-e0247f27c4c5","Thijs van der Vossen","thijs-van-der-vossen","https:\u002F\u002Fvandervossen.net\u002F","https:\u002F\u002Fvandervossen.net","2026-05-03T21:13:14.000Z",78,77,74,"2026-05-23T19:21:22.000Z","I make nice things for money.","Nice to meet you. I’m Thijs van der Vossen. I make nice things for money. Hire me and my team at Fingertips if you’d like us to make something for you. I’m currently working on the Swiss academic video platform, on medication registration and safety tools for Dutch healthcare, an assessment instrument for research into auditory-vocal affect at Stanford, and a screening instrument for mild intellectual disability. Some of the smaller things I can still link to include the Greta Sans Specimen App, a small website for a psychotherapy practice, the website for the Type and Media 2012 class, and a simple photo cropping app for iPhone and iPad. Email me at thijs@fngtps.com to find out more.",{"id":524,"height":13,"width":12,"blurhash":525},"1f001e50-523f-46ca-9634-04abec21dab8","radial-gradient(at 0 0,#ffc14a,#00000000 50%),radial-gradient(at 33% 0,#ffbd4b,#00000000 50%),radial-gradient(at 67% 0,#ffb454,#00000000 50%),radial-gradient(at 100% 0,#ffc53c,#00000000 50%),radial-gradient(at 0 50%,#ffc557,#00000000 50%),radial-gradient(at 33% 50%,#feb362,#00000000 50%),radial-gradient(at 67% 50%,#feab63,#00000000 50%),radial-gradient(at 100% 50%,#fecd40,#00000000 50%),radial-gradient(at 0 100%,#ffcd56,#00000000 50%),radial-gradient(at 33% 100%,#ffc35a,#00000000 50%),radial-gradient(at 67% 100%,#ffcf4c,#00000000 50%),radial-gradient(at 100% 100%,#ffe620,#00000000 50%)",{"id":527,"height":15,"width":14,"blurhash":348},"50a68dd4-9cc0-4acb-94f9-53476d4d118e",[529,532,535,538,541,544,547,550,553,556,559,562],{"directus_files_id":530},{"id":531},"5277e446-5d1d-45b4-96a4-c94b1a3a3c9d",{"directus_files_id":533},{"id":534},"64e70a26-f7b3-4180-aff8-99ed7e48d6b7",{"directus_files_id":536},{"id":537},"caf657d1-94d7-44d0-bd75-bfb8b2a703c6",{"directus_files_id":539},{"id":540},"92413c59-9e61-4404-b207-a665f016685b",{"directus_files_id":542},{"id":543},"5562c01d-286b-49b9-833b-677316e73dba",{"directus_files_id":545},{"id":546},"7a9cb381-f3d8-4c5b-b164-ea4e82190c31",{"directus_files_id":548},{"id":549},"44c37863-aead-4a3e-8edd-f98b3ce1dd75",{"directus_files_id":551},{"id":552},"5e2737dd-d2a7-4f9b-83cb-630344564f72",{"directus_files_id":554},{"id":555},"453c80f5-9734-4c0e-8707-0604ff035209",{"directus_files_id":557},{"id":558},"0b899897-ff5c-470b-a664-81626a33ee6f",{"directus_files_id":560},{"id":561},"36f6829e-d893-42d2-aac7-cc228cdd880a",{"directus_files_id":563},{"id":564},"6b58b907-a2bc-48d2-8078-e9cd20787ff3",[566],{"languages_code":442,"description":567},"Thijs van der Vossen’s website is a bold, unapologetic digital portfolio that serves as a personal brand statement for a multidisciplinary creator. Eschewing traditional corporate fluff, the site uses a high-impact, maximalist approach to communicate expertise in digital product design and development. It functions as both a professional landing page for his studio, Fingertips, and a personal showcase of high-level technical and design projects ranging from academic platforms to mobile applications.\n\nThe visual identity is defined by a striking, high-contrast color palette of electric yellow and magenta, paired with massive, heavy-weight typography that dominates the viewport. This neo-brutalist aesthetic signals a personality that is confident, direct, and design-forward, targeting clients who value unconventional creativity and technical precision. The layout prioritizes readability through scale, using type as the primary graphic element to create an immediate and unforgettable brand presence.",[26,447,569],"Vibrant \u002F Colorful",[],[],[],[574,575,577,578],{"score":82,"category":75},{"score":576,"category":78},83,{"score":79,"category":81},{"score":192,"category":84},[580,581,582,583],{"score":82,"category":75},{"score":576,"category":78},{"score":79,"category":81},{"score":192,"category":84},[585,586,465,587],"pink","yellow","orange","Website: Thijs van der Vossen. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Thijs van der Vossen. Page description: I make nice things for money.. Page content: Nice to meet you. I’m Thijs van der Vossen. I make nice things for money. Hire me and my team at Fingertips if you’d like us to make something for you. I’m currently working on the Swiss academic video platform, on medication registration and safety tools for Dutch healthcare, an assessment instrument for research into auditory-vocal affect at Stanford, and a screening instrument for mild intellectual disability. Some of the smaller things I can still link to include the Greta Sans Specimen App, a small website for a psychotherapy practice, the website for the Type and Media 2012 class, and a simple photo cropping app for iPhone and iPad. Email me at thijs@fngtps.com to find out more.. A Brutalist \u002F Neo-Brutalist, Typographic \u002F Big Type, Vibrant \u002F Colorful website in the Agency & Studio industry. The overall color palette features Pink, Yellow, Brown, Orange. AI description: Thijs van der Vossen’s website is a bold, unapologetic digital portfolio that serves as a personal brand statement for a multidisciplinary creator. Eschewing traditional corporate fluff, the site uses a high-impact, maximalist approach to communicate expertise in digital product design and development. It functions as both a professional landing page for his studio, Fingertips, and a personal showcase of high-level technical and design projects ranging from academic platforms to mobile applications. The visual identity is defined by a striking, high-contrast color palette of electric yellow and magenta, paired with massive, heavy-weight typography that dominates the viewport. This neo-brutalist aesthetic signals a personality that is confident, direct, and design-forward, targeting clients who value unconventional creativity and technical precision. The layout prioritizes readability through scale, using type as the primary graphic element to create an immediate and unforgettable brand presence.",{"id":590,"website_id":591,"page_id":590,"name":592,"slug":593,"url":594,"website_name":592,"website_slug":593,"website_url":595,"result_url":594,"fetched_at":596,"score":333,"score_boost":334,"ai_score":76,"freshness_score":597,"scored_at":598,"page_name":39,"page_url":594,"page_title":599,"page_description":600,"page_content":601,"page_sort":334,"is_home":340,"is_home_rank":341,"page_type_id":342,"page_type_name":46,"cover":602,"cover_mobile":605,"cover_sequence":607,"translations":698,"industry":491,"styles":701,"credits":702,"font_families":703,"technologies":705,"pagespeed":348,"pagespeed_mobile":348,"buckets":707,"search_payload":708},"f9a7f53e-f129-4bae-a2e0-8f62aeb22f4f","e406bc3d-d4f1-4b7a-a359-8503cc73fcd5","Ravi Klaassens","ravi-laassens","https:\u002F\u002Fraviklaassens.com\u002F","https:\u002F\u002Fraviklaassens.com","2026-05-04T19:44:10.000Z",75,"2026-05-23T19:26:45.000Z","R—K Design & Code","Ravi Klaassens is a Award-winning freelance digital designer & developer from Enschede.","[ For Agencies ](\u002Ffor-agencies) [ For Brands ](\u002Ffor-brands) [ Works ](\u002F#section_cases) [ Insights ](\u002F#section_insights) [ About ](\u002Fabout) [ Contact ](\u002Fcontact) [ ](https:\u002F\u002Fwww.instagram.com\u002Fraviklaassens) [ ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fraviklaassens\u002F) [ ](\u002F) Directory Sound [ ](\u002F) Repertoire Works Insights Narrative About Brand story Connect Liaison For Brands For Agencies 21:41:22 CET ENS Discover Get in touch → Ravi Klaassens. Design & Code for those who refuse to settle. 2024—Future Design shapes the world not as decoration, but as a force that leaves a mark. It defines how your brand is perceived and how it’s experienced. Leave yours. The Cavalry is here R—K Works August 2024—NOW Settling is easy the work here isn't built for that [ R—K Project Image Hover.webp) R—K Project Image.webp) R—K Identity + Art Direction ](\u002Farchives\u002Fr-k) [ Prop Films Project Image Hover Prop Films Project Image Prop Films Exploration ](\u002Farchives\u002Fprop) [ Buyt Bags Project Image Hover Buyt Bags Project Image Buyt Bags Web Development ](\u002Farchives\u002Fbuyt) [ TA Design Project Image Hover.webp) TA Design Project Image.webp) TA Design Web Design + Development ](\u002Farchives\u002Fta-design) [ Maison Francis Kurkdjian Project Image Hover Maison Francis Kurkdjian Project Image Maison Francis Kurkdjian Exploration ](\u002Farchives\u002Fmfk) [ Chris+Hansen Project Image Hover Chris+Hansen Project Image Chris+Hansen Identity + Art Direction ](\u002Farchives\u002Fchris-hansen) 1 2 3 \u002F 3 [ ](\u002Fcontact) For Agencies Your agency a hand short? I’m here to slot in and ride along with your team. Reach out. Read info → For Brands Design & development for daring brands who seek something beyond extraordinary. Read info → From the desk R—K Insights Narrative & News Recent insights and news [ When is it time for a Rebrand? Project Image Hover When is it time for a Rebrand? Insight Image + When is it time for a Rebrand? 4m read-time. Mon 9 March ‘26 Author: Ravi Klaassens ](\u002Finsights\u002Fwhen-is-it-time-for-a-rebrand) [ Process of a R—K project Project Image Hover Process of a R—K project Insight Image + Process of a R—K project 3m read-time. Fri 20 February ‘26 Author: Ravi Klaassens ](\u002Finsights\u002Fprocess-of-a-r-k-project) [ Presence as a brand cornerstone Project Image Hover Presence as a brand cornerstone Insight Image + Presence as a brand cornerstone 3m read-time. Fri 9 January ‘26 Author: Ravi Klaassens ](\u002Finsights\u002Fpresence-as-a-brand-cornerstone) [ Creation of the R—K brand Project Image Hover.webp) Creation of the R—K brand Insight Image.webp) + Creation of the R—K brand 5m read-time. Fri 5 December ‘25 Author: Ravi Klaassens ](\u002Finsights\u002Fthe-r-k-brand) +31 6 30 951 453 → work@raviklaassens.com → work@raviklaassens.com → +31 6 30 951 453 → Start collaboration → Building for agencies freelancers & brands Availability from late May '26 [ Instagram @raviklaassens ](https:\u002F\u002Fwww.instagram.com\u002Fraviklaassens\u002F)[ LinkedIn @raviklaassens ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fraviklaassens\u002F)",{"id":603,"height":13,"width":12,"blurhash":604},"58a446ac-0437-4313-b461-38e6cad13b2a","radial-gradient(at 0 0,#020301,#00000000 50%),radial-gradient(at 33% 0,#020000,#00000000 50%),radial-gradient(at 67% 0,#010000,#00000000 50%),radial-gradient(at 100% 0,#000000,#00000000 50%),radial-gradient(at 0 50%,#151a19,#00000000 50%),radial-gradient(at 33% 50%,#13110f,#00000000 50%),radial-gradient(at 67% 50%,#160908,#00000000 50%),radial-gradient(at 100% 50%,#161312,#00000000 50%),radial-gradient(at 0 100%,#060e0d,#00000000 50%),radial-gradient(at 33% 100%,#000000,#00000000 50%),radial-gradient(at 67% 100%,#010000,#00000000 50%),radial-gradient(at 100% 100%,#020000,#00000000 50%)",{"id":606,"height":15,"width":14,"blurhash":348},"fe985b99-8946-4751-85b3-34eaca322a41",[608,611,614,617,620,623,626,629,632,635,638,641,644,647,650,653,656,659,662,665,668,671,674,677,680,683,686,689,692,695],{"directus_files_id":609},{"id":610},"0463f9a8-1590-424f-9665-82f53accacba",{"directus_files_id":612},{"id":613},"4b1d7a11-7f37-488c-835a-d194b9ce5039",{"directus_files_id":615},{"id":616},"6b9bcba4-4c4e-4e36-be87-ebef2bbdc292",{"directus_files_id":618},{"id":619},"9681318a-11a5-4746-a5e8-c28bb086a133",{"directus_files_id":621},{"id":622},"34325947-eb87-4295-9228-f7f81ba1d59a",{"directus_files_id":624},{"id":625},"f15a96ea-1af8-4596-b8a2-88e371822960",{"directus_files_id":627},{"id":628},"3fa0ec35-736a-4781-8b15-f30cfba81ef8",{"directus_files_id":630},{"id":631},"fb9d7d28-4ce0-44f1-a507-3c184a16fac0",{"directus_files_id":633},{"id":634},"7ef29e35-7220-4a2e-a0c7-5dcf70a35315",{"directus_files_id":636},{"id":637},"4f5cfacd-14da-442a-8c86-206b54b587e2",{"directus_files_id":639},{"id":640},"66ca1025-41f3-4dd1-a3af-28b7144375a6",{"directus_files_id":642},{"id":643},"74ae4daf-6f70-4885-9da4-c11b2bc3b49d",{"directus_files_id":645},{"id":646},"359d4441-32e9-4146-b538-b115f2f84020",{"directus_files_id":648},{"id":649},"372122e9-48fc-43c8-aab1-2428a8009960",{"directus_files_id":651},{"id":652},"c9b74309-a4a6-45e7-8bec-ae8ddccf3257",{"directus_files_id":654},{"id":655},"b4815869-129d-4407-b127-bfdbb6822aa7",{"directus_files_id":657},{"id":658},"fc2c1396-7aec-4b4c-adc8-b89d011db107",{"directus_files_id":660},{"id":661},"64addb14-1363-4f94-8297-d5c8eeb1b540",{"directus_files_id":663},{"id":664},"58d15848-92a5-40c9-afc5-2fc21ac93f6d",{"directus_files_id":666},{"id":667},"72419955-aedf-4964-98fc-73cd9bae4f7c",{"directus_files_id":669},{"id":670},"dd94b5e4-133f-4ab9-9426-b9d6f946b092",{"directus_files_id":672},{"id":673},"2c4bdd9b-a38b-42cd-9213-be27802a659d",{"directus_files_id":675},{"id":676},"3a481a64-356e-40e5-873c-7aaac823a96d",{"directus_files_id":678},{"id":679},"9eecc6a0-c9a0-4f28-8b4f-633b44fd5a6d",{"directus_files_id":681},{"id":682},"20f6c53f-0794-42c8-b44f-a3ca52c65d35",{"directus_files_id":684},{"id":685},"8b445337-b013-456e-bae5-9af7eef3e376",{"directus_files_id":687},{"id":688},"47e9c266-bfba-4b57-901b-3c30c8655240",{"directus_files_id":690},{"id":691},"980a4a28-94c3-4225-958f-ad9db56c8bde",{"directus_files_id":693},{"id":694},"0a4d30ec-cab2-4fa0-b626-a80b6f90eb90",{"directus_files_id":696},{"id":697},"e06e4501-60fb-441e-8c03-5ba4a5f489b6",[699],{"languages_code":442,"description":700},"Ravi Klaassens is a high-impact digital design and development studio catering to forward-thinking agencies and brands. The website serves as a sophisticated portfolio that bridges the gap between aesthetic experimentation and technical execution, positioning the creator as a premium partner for those seeking cutting-edge digital experiences.\n\nThe visual identity is defined by a bold, avant-garde aesthetic that utilizes high-contrast dark mode, grainy textures, and a striking red-and-white color palette. Through heavy typographic hierarchy and a cinematic use of imagery, the site communicates a sense of raw, uncompromising creativity. It is a masterclass in modern brutalism, targeting a high-end audience of creative directors and tech-savvy brand owners who value distinction over convention.",[26,33,30],[],[270,704],"Reckless",[706,239],"Howler.js",[93,97,465,101],"Website: Ravi Klaassens. Page: Homepage. Page type: Home \u002F Landing Page. Page title: R—K Design & Code. Page description: Ravi Klaassens is a Award-winning freelance digital designer & developer from Enschede.. Page content: [ For Agencies ](\u002Ffor-agencies) [ For Brands ](\u002Ffor-brands) [ Works ](\u002F#section_cases) [ Insights ](\u002F#section_insights) [ About ](\u002Fabout) [ Contact ](\u002Fcontact) [ ](https:\u002F\u002Fwww.instagram.com\u002Fraviklaassens) [ ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fraviklaassens\u002F) [ ](\u002F) Directory Sound [ ](\u002F) Repertoire Works Insights Narrative About Brand story Connect Liaison For Brands For Agencies 21:41:22 CET ENS Discover Get in touch → Ravi Klaassens. Design & Code for those who refuse to settle. 2024—Future Design shapes the world not as decoration, but as a force that leaves a mark. It defines how your brand is perceived and how it’s experienced. Leave yours. The Cavalry is here R—K Works August 2024—NOW Settling is easy the work here isn't built for that [ R—K Project Image Hover.webp) R—K Project Image.webp) R—K Identity + Art Direction ](\u002Farchives\u002Fr-k) [ Prop Films Project Image Hover Prop Films Project Image Prop Films Exploration ](\u002Farchives\u002Fprop) [ Buyt Bags Project Image Hover Buyt Bags Project Image Buyt Bags Web Development ](\u002Farchives\u002Fbuyt) [ TA Design Project Image Hover.webp) TA Design Project Image.webp) TA Design Web Design + Development ](\u002Farchives\u002Fta-design) [ Maison Francis Kurkdjian Project Image Hover Maison Francis Kurkdjian Project Image Maison Francis Kurkdjian Exploration ](\u002Farchives\u002Fmfk) [ Chris+Hansen Project Image Hover Chris+Hansen Project Image Chris+Hansen Identity + Art Direction ](\u002Farchives\u002Fchris-hansen) 1 2 3 \u002F 3 [ ](\u002Fcontact) For Agencies Your agency a hand short? I’m here to slot in and ride along with your team. Reach out. Read info → For Brands Design & development for daring brands who seek something beyond extraordinary. Read info → From the desk R—K Insights Narrative & News Recent insights and news [ When is it time for a Rebrand? Project Image Hover When is it time for a Rebrand? Insight Image + When is it time for a Rebrand? 4m read-time. Mon 9 March ‘26 Author: Ravi Klaassens ](\u002Finsights\u002Fwhen-is-it-time-for-a-rebrand) [ Process of a R—K project Project Image Hover Process of a R—K project Insight Image + Process of a R—K project 3m read-time. Fri 20 February ‘26 Author: Ravi Klaassens ](\u002Finsights\u002Fprocess-of-a-r-k-project) [ Presence as a brand cornerstone Project Image Hover Presence as a brand cornerstone Insight Image + Presence as a brand cornerstone 3m read-time. Fri 9 January ‘26 Author: Ravi Klaassens ](\u002Finsights\u002Fpresence-as-a-brand-cornerstone) [ Creation of the R—K brand Project Image Hover.webp) Creation of the R—K brand Insight Image.webp) + Creation of the R—K brand 5m read-time. Fri 5 December ‘25 Author: Ravi Klaassens ](\u002Finsights\u002Fthe-r-k-brand) +31 6 30 951 453 → work@raviklaassens.com → work@raviklaassens.com → +31 6 30 951 453 → Start collaboration → Building for agencies freelancers & brands Availability from late May '26 [ Instagram @raviklaassens ](https:\u002F\u002Fwww.instagram.com\u002Fraviklaassens\u002F)[ LinkedIn @raviklaassens ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fraviklaassens\u002F). A Brutalist \u002F Neo-Brutalist, Clean \u002F Minimalist, Dark Mode website in the Agency & Studio industry. The overall color palette features Black, White, Brown, Gray. The typography features Suisse Intl (Swiss Typefaces), Reckless (Serif, Displaay). Built using Howler.js, jQuery. AI description: Ravi Klaassens is a high-impact digital design and development studio catering to forward-thinking agencies and brands. The website serves as a sophisticated portfolio that bridges the gap between aesthetic experimentation and technical execution, positioning the creator as a premium partner for those seeking cutting-edge digital experiences. The visual identity is defined by a bold, avant-garde aesthetic that utilizes high-contrast dark mode, grainy textures, and a striking red-and-white color palette. Through heavy typographic hierarchy and a cinematic use of imagery, the site communicates a sense of raw, uncompromising creativity. It is a masterclass in modern brutalism, targeting a high-end audience of creative directors and tech-savvy brand owners who value distinction over convention."]