[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-lespedaleurs":3,"facets-baseline-false":115,"facets-{\"includeAuthors\":\"false\"}":295,"similar-websites-lespedaleurs":309},{"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":48,"technologiesByCategory":49,"pagespeedDesktop":64,"pagespeedMobile":77,"performanceDesktop":67,"performanceMobile":79,"colorBuckets":83,"colorPalette":96},"ece7b86e-beeb-4abd-b94d-b019d08139d6","Les Pédaleurs","lespedaleurs","https:\u002F\u002Flespedaleurs.com","2026-05-23T19:36:16.000Z","2026-05-04T10:59:41.000Z","c45c388d-3d1d-4403-8c0b-480a62e205d2","4ab38928-e070-495d-9599-ffb91f8d3a86",1440,900,780,1688,"Les Pédaleurs serves as a sophisticated, interactive digital gateway for a documentary experience by Jérémie Gentais and Matthieu Leclerc. The website functions less like a traditional information portal and more like an immersive prelude, utilizing high-concept motion and minimalist aesthetics to prepare the audience for a deep, cinematic journey. It is designed for a culturally engaged audience that appreciates avant-garde storytelling and high-fidelity digital art.\n\nThe visual identity is defined by a moody, dark-mode atmosphere that evokes a sense of mystery and mechanical precision. Through the use of subtle topographic textures, clean line art representing bicycle components, and a stark monochromatic palette, the design achieves a premium, cinematic quality. The layout is spacious and restrained, prioritizing atmosphere and brand presence over dense content, which reinforces its identity as a high-end multimedia art project.",{"title":18,"meta_description":19},"Les Pédaleurs | Interactive Documentary Experience","Explore the interactive digital experience of the documentary by Jérémie Gentais and Matthieu Leclerc. A collaborative multimedia art project.",{"name":21,"label":22,"slug":23},"Art & Culture","Art and Culture","art-and-culture",[25,28,32],{"name":26,"label":26,"slug":27},"Dark Mode","dark-mode",{"name":29,"label":30,"slug":31},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":33,"label":34,"slug":35},"Monochrome \u002F Grayscale","Monochrome","monochrome",[],[38],{"name":39,"title":5,"description":40,"url":41,"coverId":10,"coverMobileId":11,"alt":42,"altMobile":43,"pageType":44},"Homepage","Une expérience interactive du documentaire de Jérémie Gentais et Matthieu Leclerc, en collaboration avec Sleak, Studio Meta et Alpaga.","https:\u002F\u002Flespedaleurs.com\u002F","The desktop homepage features a dark, textured background with subtle topographic contour lines. In the center, a white minimalist icon of a bicycle chain and gears sits above the word 'CHARGEMENT', while a row of partner logos is displayed at the bottom. A 'Montez le volume' button is in the bottom left and an 'On' toggle is in the bottom right.","The mobile version maintains the dark, minimalist aesthetic with the central bicycle gear loading icon. The layout is vertically oriented, focusing on the central icon and the 'Démarrer' call to action, with partner logos appearing in a simplified arrangement below.",{"name":45,"label":46,"slug":47},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[],{"Analytics":50,"CDN":54,"Web servers":58,"Reverse proxies":62},[51],{"name":52,"label":52,"slug":53},"Google Analytics","google-analytics",[55],{"name":56,"label":56,"slug":57},"jsDelivr","jsdelivr",[59],{"name":60,"label":60,"slug":61},"Nginx","nginx",[63],{"name":60,"label":60,"slug":61},[65,68,71,74],{"category":66,"score":67},"performance",85,{"category":69,"score":70},"accessibility",79,{"category":72,"score":73},"best-practices",96,{"category":75,"score":76},"seo",91,[78,80,81,82],{"category":66,"score":79},60,{"category":69,"score":70},{"category":72,"score":73},{"category":75,"score":76},[84,88,92],{"value":85,"label":86,"hex":87},"black","Black","#000000",{"value":89,"label":90,"hex":91},"gray","Gray","#737373",{"value":93,"label":94,"hex":95},"white","White","#ffffff",[97,100,103,106,109,112],{"hex":98,"percent":99},"#0C0C0C",0.2883,{"hex":101,"percent":102},"#070707",0.2813,{"hex":104,"percent":105},"#111111",0.241,{"hex":107,"percent":108},"#181818",0.1824,{"hex":110,"percent":111},"#756F6F",0.0055,{"hex":113,"percent":114},"#F7F6F6",0.0015,{"facetDistribution":116,"facetLabels":199},{"industry":117,"styles":137,"technologies":152,"font_families":175,"page_type_name":188},{"Agency & Studio":118,"Art & Culture":119,"SaaS & Software":120,"Fashion & Apparel":121,"Architecture & Real Estate":122,"Entertainment & Media":123,"Food & Beverage":124,"Photography & Video":125,"Finance & Fintech":126,"Healthcare & Wellness":127,"Technology & Hardware":128,"Industrial & Manufacturing":129,"Beauty & Cosmetics":130,"Travel & Hospitality":131,"Non-Profit & Charity":132,"Education & Courses":133,"Crypto & Web3":134,"Sports & Fitness":135,"Automotive & Transportation":136},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":138,"Typographic \u002F Big Type":139,"High-End \u002F Luxury":140,"Dark Mode":141,"Vibrant \u002F Colorful":142,"Monochrome \u002F Grayscale":143,"Fun \u002F Playful":144,"Brutalist \u002F Neo-Brutalist":145,"Corporate \u002F Professional":146,"Illustrative \u002F Hand-drawn":147,"Futuristic \u002F Sci-Fi":148,"3D \u002F Spatial":149,"Retro \u002F Vintage \u002F Y2K":150,"Glassmorphism":151,"Bento Grid":151},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":153,"PHP":154,"WordPress":155,"Node.js":156,"React":157,"Vercel":158,"Vue.js":159,"Shopify":160,"Next.js":161,"Klaviyo":162,"Nuxt.js":163,"Typekit":164,"Amazon Web Services":165,"reCAPTCHA":166,"YouTube":167,"MailChimp":168,"Modernizr":76,"Bootstrap":67,"Slick":169,"Google Font API":70,"Craft CMS":170,"Framer Sites":171,"Contact Form 7":172,"Stimulus":173,"Google Maps":174},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,92,82,66,65,64,59,58,{"Inter":176,"Times New Roman":177,"Roboto":178,"Open Sans":179,"Neue Haas Grotesk":179,"Suisse Intl":180,"Arial":148,"Poppins":170,"Helvetica Neue":172,"Montserrat":79,"Diatype":149,"Neue Montreal":128,"Lato":129,"Graphik":181,"Source Sans":182,"Monument Grotesk":183,"Noto Sans":184,"Helvetica":185,"Söhne":186,"DM Sans":186,"Founders Grotesk":186,"GT America":187,"Google Sans":187,"Editorial":150,"IBM Plex Mono":133},315,168,127,90,88,46,44,40,39,36,35,34,{"Home \u002F Landing Page":189,"About Us \u002F Team":190,"Projects \u002F Portfolio":191,"Contact Us":192,"Blog \u002F Article Layout":193,"Services \u002F Features":194,"Shop \u002F Catalog":195,"Careers \u002F Jobs":196,"Pricing Page":127,"Sign Up \u002F Login":197,"404 Error Page":198},2401,774,527,418,378,341,299,89,27,9,{"industry":200,"styles":219,"page_type_name":232,"technologies":243,"font_families":269},{"Agency & Studio":201,"Art & Culture":22,"SaaS & Software":202,"Fashion & Apparel":203,"Architecture & Real Estate":204,"Entertainment & Media":205,"Food & Beverage":206,"Photography & Video":207,"Finance & Fintech":208,"Healthcare & Wellness":209,"Technology & Hardware":210,"Industrial & Manufacturing":211,"Beauty & Cosmetics":212,"Travel & Hospitality":213,"Non-Profit & Charity":214,"Education & Courses":215,"Crypto & Web3":216,"Sports & Fitness":217,"Automotive & Transportation":218},"Agencies","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":30,"Typographic \u002F Big Type":220,"High-End \u002F Luxury":221,"Dark Mode":26,"Vibrant \u002F Colorful":222,"Monochrome \u002F Grayscale":34,"Fun \u002F Playful":223,"Brutalist \u002F Neo-Brutalist":224,"Corporate \u002F Professional":225,"Illustrative \u002F Hand-drawn":226,"Futuristic \u002F Sci-Fi":227,"3D \u002F Spatial":228,"Retro \u002F Vintage \u002F Y2K":229,"Glassmorphism":230,"Bento Grid":231},"Typographic","Luxury","Vibrant","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":46,"About Us \u002F Team":233,"Projects \u002F Portfolio":234,"Contact Us":235,"Blog \u002F Article Layout":236,"Services \u002F Features":237,"Shop \u002F Catalog":238,"Careers \u002F Jobs":239,"Pricing Page":240,"Sign Up \u002F Login":241,"404 Error Page":242},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":244,"PHP":245,"WordPress":246,"Node.js":247,"React":248,"Vercel":249,"Vue.js":250,"Shopify":251,"Next.js":252,"Klaviyo":253,"Nuxt.js":254,"Typekit":255,"Amazon Web Services":256,"reCAPTCHA":257,"YouTube":258,"MailChimp":259,"Modernizr":260,"Bootstrap":261,"Slick":262,"Google Font API":263,"Craft CMS":264,"Framer Sites":265,"Contact Form 7":266,"Stimulus":267,"Google Maps":268},"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":270,"Times New Roman":271,"Roboto":272,"Open Sans":273,"Neue Haas Grotesk":274,"Suisse Intl":275,"Arial":276,"Poppins":277,"Helvetica Neue":278,"Montserrat":279,"Diatype":280,"Neue Montreal":281,"Lato":282,"Graphik":283,"Source Sans":284,"Monument Grotesk":285,"Noto Sans":286,"Helvetica":287,"Söhne":288,"DM Sans":289,"Founders Grotesk":290,"GT America":291,"Google Sans":292,"Editorial":293,"IBM Plex Mono":294},"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":296,"facetLabels":303},{"industry":297,"styles":298,"technologies":299,"font_families":300,"page_type_name":301},{"Agency & Studio":118,"Art & Culture":119,"SaaS & Software":120,"Fashion & Apparel":121,"Architecture & Real Estate":122,"Entertainment & Media":123,"Food & Beverage":124,"Photography & Video":125,"Finance & Fintech":126,"Healthcare & Wellness":127,"Technology & Hardware":128,"Industrial & Manufacturing":129,"Beauty & Cosmetics":130,"Travel & Hospitality":131,"Non-Profit & Charity":132,"Education & Courses":133,"Crypto & Web3":134,"Sports & Fitness":135,"Automotive & Transportation":136},{"Clean \u002F Minimalist":138,"Typographic \u002F Big Type":139,"High-End \u002F Luxury":140,"Dark Mode":141,"Vibrant \u002F Colorful":142,"Monochrome \u002F Grayscale":143,"Fun \u002F Playful":144,"Brutalist \u002F Neo-Brutalist":145,"Corporate \u002F Professional":146,"Illustrative \u002F Hand-drawn":147,"Futuristic \u002F Sci-Fi":148,"3D \u002F Spatial":149,"Retro \u002F Vintage \u002F Y2K":150,"Glassmorphism":151,"Bento Grid":151},{"jQuery":153,"PHP":154,"WordPress":155,"Node.js":156,"React":157,"Vercel":158,"Vue.js":159,"Shopify":160,"Next.js":161,"Klaviyo":162,"Nuxt.js":163,"Typekit":164,"Amazon Web Services":165,"reCAPTCHA":166,"YouTube":167,"MailChimp":168,"Modernizr":76,"Bootstrap":67,"Slick":169,"Google Font API":70,"Craft CMS":170,"Framer Sites":171,"Contact Form 7":172,"Stimulus":173,"Google Maps":174},{"Inter":176,"Times New Roman":177,"Roboto":178,"Open Sans":179,"Neue Haas Grotesk":179,"Suisse Intl":180,"Arial":148,"Poppins":170,"Helvetica Neue":172,"Montserrat":79,"Diatype":149,"Neue Montreal":128,"Lato":129,"Graphik":181,"Source Sans":182,"Monument Grotesk":183,"Noto Sans":184,"Helvetica":185,"Söhne":186,"DM Sans":186,"Founders Grotesk":186,"GT America":187,"Google Sans":187,"Editorial":150,"IBM Plex Mono":133},{"Home \u002F Landing Page":302},2397,{"industry":304,"styles":305,"page_type_name":306,"technologies":307,"font_families":308},{"Agency & Studio":201,"Art & Culture":22,"SaaS & Software":202,"Fashion & Apparel":203,"Architecture & Real Estate":204,"Entertainment & Media":205,"Food & Beverage":206,"Photography & Video":207,"Finance & Fintech":208,"Healthcare & Wellness":209,"Technology & Hardware":210,"Industrial & Manufacturing":211,"Beauty & Cosmetics":212,"Travel & Hospitality":213,"Non-Profit & Charity":214,"Education & Courses":215,"Crypto & Web3":216,"Sports & Fitness":217,"Automotive & Transportation":218},{"Clean \u002F Minimalist":30,"Typographic \u002F Big Type":220,"High-End \u002F Luxury":221,"Dark Mode":26,"Vibrant \u002F Colorful":222,"Monochrome \u002F Grayscale":34,"Fun \u002F Playful":223,"Brutalist \u002F Neo-Brutalist":224,"Corporate \u002F Professional":225,"Illustrative \u002F Hand-drawn":226,"Futuristic \u002F Sci-Fi":227,"3D \u002F Spatial":228,"Retro \u002F Vintage \u002F Y2K":229,"Glassmorphism":230,"Bento Grid":231},{"Home \u002F Landing Page":46},{"jQuery":244,"PHP":245,"WordPress":246,"Node.js":247,"React":248,"Vercel":249,"Vue.js":250,"Shopify":251,"Next.js":252,"Klaviyo":253,"Nuxt.js":254,"Typekit":255,"Amazon Web Services":256,"reCAPTCHA":257,"YouTube":258,"MailChimp":259,"Modernizr":260,"Bootstrap":261,"Slick":262,"Google Font API":263,"Craft CMS":264,"Framer Sites":265,"Contact Form 7":266,"Stimulus":267,"Google Maps":268},{"Inter":270,"Times New Roman":271,"Roboto":272,"Open Sans":273,"Neue Haas Grotesk":274,"Suisse Intl":275,"Arial":276,"Poppins":277,"Helvetica Neue":278,"Montserrat":279,"Diatype":280,"Neue Montreal":281,"Lato":282,"Graphik":283,"Source Sans":284,"Monument Grotesk":285,"Noto Sans":286,"Helvetica":287,"Söhne":288,"DM Sans":289,"Founders Grotesk":290,"GT America":291,"Google Sans":292,"Editorial":293,"IBM Plex Mono":294},{"hits":310},[311,396,493,537],{"id":312,"website_id":313,"page_id":312,"name":314,"slug":315,"url":316,"website_name":314,"website_slug":315,"website_url":317,"result_url":316,"fetched_at":318,"score":169,"score_boost":319,"ai_score":67,"freshness_score":320,"scored_at":321,"page_name":39,"page_url":316,"page_title":314,"page_description":322,"page_content":323,"page_sort":319,"is_home":324,"is_home_rank":325,"page_type_id":326,"page_type_name":45,"cover":327,"cover_mobile":330,"cover_sequence":333,"translations":367,"industry":371,"styles":372,"credits":375,"font_families":378,"technologies":379,"pagespeed":381,"pagespeed_mobile":388,"buckets":393,"search_payload":395},"3839a7c4-e2b1-4ee4-83db-0cfe638c9c12","f436169d-b9fa-4bf4-b638-4b5b220e6fe1","Décadrages","decadrages","https:\u002F\u002Fdecadrages.ch\u002F","https:\u002F\u002Fdecadrages.ch","2026-05-04T09:35:17.000Z",0,74,"2026-05-23T19:25:56.000Z","Décadrages est une revue de cinéma à parution semestrielle qui comprend un dossier consacré à une problématique, un cinéaste ou un film, ainsi …","Panier (0) à propos collection\u002Fcommande abonnement recherche DERNIER NUMÉRO: Inachèvements N°53-54",true,1,"1",{"id":328,"height":13,"width":12,"blurhash":329},"7b2e98ec-2cc3-40d6-bb74-3a6f20ecc0ec","radial-gradient(at 0 0,#bfd5ba,#00000000 50%),radial-gradient(at 33% 0,#c2dcbd,#00000000 50%),radial-gradient(at 67% 0,#c4e5bd,#00000000 50%),radial-gradient(at 100% 0,#c3e2bc,#00000000 50%),radial-gradient(at 0 50%,#c0e8b8,#00000000 50%),radial-gradient(at 33% 50%,#d6eed1,#00000000 50%),radial-gradient(at 67% 50%,#daf2d6,#00000000 50%),radial-gradient(at 100% 50%,#d3efce,#00000000 50%),radial-gradient(at 0 100%,#c2e6bb,#00000000 50%),radial-gradient(at 33% 100%,#cfe8cb,#00000000 50%),radial-gradient(at 67% 100%,#d6f0d2,#00000000 50%),radial-gradient(at 100% 100%,#d1eecb,#00000000 50%)",{"id":331,"height":15,"width":14,"blurhash":332},"5b8e7187-47ce-433f-b8b8-145c7ed8440a",null,[334,337,340,343,346,349,352,355,358,361,364],{"directus_files_id":335},{"id":336},"fb53af0a-cf04-4d0c-a4b5-ad6ea6cbedac",{"directus_files_id":338},{"id":339},"0ae53c6d-d2d4-4bfe-ab43-9491e210bdc8",{"directus_files_id":341},{"id":342},"c5216883-abf3-4da1-957b-e7ed96a258c8",{"directus_files_id":344},{"id":345},"85fb87af-144b-487e-aa53-cfae2c966887",{"directus_files_id":347},{"id":348},"63714a14-ada8-4875-8dde-8da8fb899da5",{"directus_files_id":350},{"id":351},"ef202148-8665-41c8-9559-42ca1b043397",{"directus_files_id":353},{"id":354},"ed652f7d-ea2f-4a42-8994-582f1e3884fd",{"directus_files_id":356},{"id":357},"a8fc465f-be19-4a3b-8261-4ce68ee0a737",{"directus_files_id":359},{"id":360},"5045ad07-d7e7-44c7-8238-5fac246f81d4",{"directus_files_id":362},{"id":363},"e1ba46bd-a487-412e-a71a-d9fcdddd7b12",{"directus_files_id":365},{"id":366},"a375af34-8f57-40ca-a94c-baac6ef5bdc1",[368],{"languages_code":369,"description":370},"en","Décadrages is a semi-annual cinema journal dedicated to deep dives into specific filmic problems, filmmakers, or cinematic movements. The website serves as a digital archive and storefront for its physical publications, offering a curated collection of past issues that explore the intersection of film, art, and theory.\n\nThe visual identity is unapologetically bold and intellectual, utilizing a high-contrast, Swiss-inspired aesthetic. A vibrant lime green background anchors the layout, paired with heavy, black sans-serif typography that emphasizes a structured, editorial hierarchy. The design leans into a brutalist, typographic-driven approach that mirrors the serious, scholarly yet avant-garde nature of the publication, targeting cinephiles, academics, and art enthusiasts.","Entertainment & Media",[373,33,374],"Brutalist \u002F Neo-Brutalist","Typographic \u002F Big Type",[376,377],"Eurostandard","Frederik Mahler-Andersen",[],[380],"Alpine.js",[382,384,386,387],{"score":383,"category":66},22,{"score":385,"category":69},100,{"score":385,"category":72},{"score":385,"category":75},[389,390,391,392],{"score":171,"category":66},{"score":76,"category":69},{"score":385,"category":72},{"score":385,"category":75},[394,93,85,89],"green","Website: Décadrages. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Décadrages. Page description: Décadrages est une revue de cinéma à parution semestrielle qui comprend un dossier consacré à une problématique, un cinéaste ou un film, ainsi …. Page content: Panier (0) à propos collection\u002Fcommande abonnement recherche DERNIER NUMÉRO: Inachèvements N°53-54. A Brutalist \u002F Neo-Brutalist, Monochrome \u002F Grayscale, Typographic \u002F Big Type website in the Entertainment & Media industry. Designed by Eurostandard, developed by Frederik Mahler-Andersen. The overall color palette features Green, White, Black, Gray. Built using Alpine.js. AI description: Décadrages is a semi-annual cinema journal dedicated to deep dives into specific filmic problems, filmmakers, or cinematic movements. The website serves as a digital archive and storefront for its physical publications, offering a curated collection of past issues that explore the intersection of film, art, and theory. The visual identity is unapologetically bold and intellectual, utilizing a high-contrast, Swiss-inspired aesthetic. A vibrant lime green background anchors the layout, paired with heavy, black sans-serif typography that emphasizes a structured, editorial hierarchy. The design leans into a brutalist, typographic-driven approach that mirrors the serious, scholarly yet avant-garde nature of the publication, targeting cinephiles, academics, and art enthusiasts.",{"id":397,"website_id":398,"page_id":397,"name":399,"slug":400,"url":401,"website_name":399,"website_slug":400,"website_url":401,"result_url":401,"fetched_at":402,"score":403,"score_boost":319,"ai_score":70,"freshness_score":404,"scored_at":405,"page_name":39,"page_url":401,"page_title":406,"page_description":407,"page_content":408,"page_sort":325,"is_home":324,"is_home_rank":325,"page_type_id":326,"page_type_name":45,"cover":409,"cover_mobile":412,"cover_sequence":414,"translations":481,"industry":484,"styles":485,"credits":486,"font_families":487,"technologies":488,"pagespeed":332,"pagespeed_mobile":332,"buckets":490,"search_payload":492},"81000451-2e73-49d3-841e-576c0140de61","7def91f4-992c-47f2-9197-cd27bcef81c7","Benji Messmer","benji-messmer","https:\u002F\u002Fweb.archive.org\u002Fweb\u002F20200930080051\u002Fhttps:\u002F\u002Fwww.benjimessmer.com\u002F","2026-05-03T19:38:21.000Z",78,73,"2026-05-23T19:21:44.000Z","Benji Messmer | Photographer from Passau, Germany","I'm Benji Messmer, a lifestyle- and travel-photographer from Passau, Germany. Check my latest environmental portraits and reportages now.","",{"id":410,"height":13,"width":12,"blurhash":411},"1634afd3-d871-4491-91c1-6d3a3ea8311b","radial-gradient(at 0 0,#454b4a,#00000000 50%),radial-gradient(at 33% 0,#3c3f40,#00000000 50%),radial-gradient(at 67% 0,#3c4142,#00000000 50%),radial-gradient(at 100% 0,#3d4846,#00000000 50%),radial-gradient(at 0 50%,#3d3e41,#00000000 50%),radial-gradient(at 33% 50%,#35393a,#00000000 50%),radial-gradient(at 67% 50%,#2f3535,#00000000 50%),radial-gradient(at 100% 50%,#323f3d,#00000000 50%),radial-gradient(at 0 100%,#303c38,#00000000 50%),radial-gradient(at 33% 100%,#2f3b37,#00000000 50%),radial-gradient(at 67% 100%,#2f413b,#00000000 50%),radial-gradient(at 100% 100%,#2c4a40,#00000000 50%)",{"id":413,"height":15,"width":14,"blurhash":332},"45ef7c8e-fab9-4d64-9d3a-30d6d17c14ac",[415,418,421,424,427,430,433,436,439,442,445,448,451,454,457,460,463,466,469,472,475,478],{"directus_files_id":416},{"id":417},"22b31fac-ac5a-48ae-b6f8-41c7e5490e4e",{"directus_files_id":419},{"id":420},"97dad5b5-9c39-4345-91a7-8d7934dc6f91",{"directus_files_id":422},{"id":423},"6993ff70-62d9-4ba9-9af5-8cbffb6deb6f",{"directus_files_id":425},{"id":426},"44ec51cb-eb35-4cb0-9bcc-606cd45db739",{"directus_files_id":428},{"id":429},"9578f91f-eb87-42ad-bb67-747d8f0d9f29",{"directus_files_id":431},{"id":432},"305fa28f-6486-458c-95b8-31512d5d1acd",{"directus_files_id":434},{"id":435},"e8475c0b-acfa-45b1-bf95-4acf0169ded0",{"directus_files_id":437},{"id":438},"6ed1531f-d059-4ad0-87ba-ea2f97ec9404",{"directus_files_id":440},{"id":441},"0fad14ab-398e-461d-bc3b-114752bc5523",{"directus_files_id":443},{"id":444},"8623c29b-1f72-4637-8670-fd24063a53f5",{"directus_files_id":446},{"id":447},"3ee2ca56-7283-4188-99c1-61ee43eee0f8",{"directus_files_id":449},{"id":450},"6bffb849-b739-4586-a4f7-088813afcc2f",{"directus_files_id":452},{"id":453},"d85b478b-4d6a-4e5b-bd8b-1e4fc32bb261",{"directus_files_id":455},{"id":456},"341f788c-1a4a-4682-b9df-a4ef102723f0",{"directus_files_id":458},{"id":459},"c56481fe-fac8-460f-af56-151233359539",{"directus_files_id":461},{"id":462},"899e38dd-3acb-4401-bcaa-3459b96e350b",{"directus_files_id":464},{"id":465},"d09a227c-dfb4-4d2b-9859-486094926526",{"directus_files_id":467},{"id":468},"50b1ce50-c047-4b04-b7e2-d731b60348f3",{"directus_files_id":470},{"id":471},"fb0665aa-f23b-414b-a9de-32ef32b33b65",{"directus_files_id":473},{"id":474},"f091da8c-1bd0-41e0-a054-de6e584e40c7",{"directus_files_id":476},{"id":477},"9cee9713-c7b4-4cf6-814c-d5e3bf7f5b33",{"directus_files_id":479},{"id":480},"f9a17c7d-0616-450a-819b-ac09dbec6d6d",[482],{"languages_code":369,"description":483},"Benji Messmer’s portfolio leads with a raw, documentary-style energy that mirrors his focus on environmental portraits and travel reportage. The site functions as a digital gallery where the photography dictates the narrative, using large-scale imagery to establish an immediate connection with the subject matter. By centering the landing page on a singular, powerful portrait, the design communicates a commitment to the \"authentic truth\" promised in the headline.\n\nDark mode provides a high-contrast backdrop for the desaturated, monochromatic imagery, punctuated by sharp teal accents in the typography and UI elements. The layout utilizes a rhythmic scroll that alternates between immersive full-bleed visuals and stark, text-heavy sections. Oversized, distressed sans-serif typefaces lend a gritty, editorial character to the navigation and headings, while the sparse use of color ensures the viewer's focus remains on the textures and expressions within the photographs.","Photography & Video",[29,26,374],[],[272],[260,245,489],"TYPO3 CMS",[85,89,491],"teal","Website: Benji Messmer. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Benji Messmer | Photographer from Passau, Germany. Page description: I'm Benji Messmer, a lifestyle- and travel-photographer from Passau, Germany. Check my latest environmental portraits and reportages now.. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Photography & Video industry. The overall color palette features Black, Gray, Teal. The typography features Roboto (Sans Serif). Built using Modernizr, PHP, TYPO3 CMS. AI description: Benji Messmer’s portfolio leads with a raw, documentary-style energy that mirrors his focus on environmental portraits and travel reportage. The site functions as a digital gallery where the photography dictates the narrative, using large-scale imagery to establish an immediate connection with the subject matter. By centering the landing page on a singular, powerful portrait, the design communicates a commitment to the \"authentic truth\" promised in the headline. Dark mode provides a high-contrast backdrop for the desaturated, monochromatic imagery, punctuated by sharp teal accents in the typography and UI elements. The layout utilizes a rhythmic scroll that alternates between immersive full-bleed visuals and stark, text-heavy sections. Oversized, distressed sans-serif typefaces lend a gritty, editorial character to the navigation and headings, while the sparse use of color ensures the viewer's focus remains on the textures and expressions within the photographs.",{"id":494,"website_id":495,"page_id":494,"name":496,"slug":497,"url":498,"website_name":496,"website_slug":497,"website_url":499,"result_url":498,"fetched_at":500,"score":501,"score_boost":319,"ai_score":502,"freshness_score":503,"scored_at":504,"page_name":39,"page_url":498,"page_title":496,"page_description":332,"page_content":505,"page_sort":319,"is_home":324,"is_home_rank":325,"page_type_id":326,"page_type_name":45,"cover":506,"cover_mobile":509,"cover_sequence":511,"translations":515,"industry":518,"styles":519,"credits":521,"font_families":522,"technologies":523,"pagespeed":524,"pagespeed_mobile":529,"buckets":534,"search_payload":536},"87d76446-d0f7-4794-9893-7e483965452d","e39e8b4d-df3c-40dc-83c2-753abeceef44","Atelier trois","ateliertrois","https:\u002F\u002Fateliertrois.fr\u002F","https:\u002F\u002Fateliertrois.fr","2026-05-04T19:51:09.000Z",83,84,75,"2026-05-23T19:21:58.000Z","Atelier trois Design & Direction Paris Instagram Behance Contact",{"id":507,"height":13,"width":12,"blurhash":508},"0a33a37f-7b05-42d2-8c04-c40ae5b3ffb8","radial-gradient(at 0 0,#463e41,#00000000 50%),radial-gradient(at 33% 0,#534444,#00000000 50%),radial-gradient(at 67% 0,#583e41,#00000000 50%),radial-gradient(at 100% 0,#4f4247,#00000000 50%),radial-gradient(at 0 50%,#2d2c2e,#00000000 50%),radial-gradient(at 33% 50%,#43373c,#00000000 50%),radial-gradient(at 67% 50%,#41383b,#00000000 50%),radial-gradient(at 100% 50%,#484445,#00000000 50%),radial-gradient(at 0 100%,#54484d,#00000000 50%),radial-gradient(at 33% 100%,#473c3e,#00000000 50%),radial-gradient(at 67% 100%,#5a3a3d,#00000000 50%),radial-gradient(at 100% 100%,#837274,#00000000 50%)",{"id":510,"height":15,"width":14,"blurhash":332},"8aa19f07-95fb-4686-87dd-f36492241b32",[512],{"directus_files_id":513},{"id":514},"a2310bd4-fd6c-4ec3-85db-78a45d06a9f2",[516],{"languages_code":369,"description":517},"Atelier trois is a sophisticated design and direction studio based in Paris, catering to a discerning clientele that values high-concept visual storytelling. The website serves as a minimalist digital portfolio, emphasizing a curated aesthetic that bridges the gap between tactile print traditions and modern digital direction.\n\nThe visual identity is defined by a bold, editorial approach, utilizing dramatic macro photography and a striking color palette of deep navy, stark white, and vibrant orange. The layout is unapologetically minimalist, leaning heavily on large-scale imagery and clean typography to convey a sense of luxury, precision, and artistic authority.","Agency & Studio",[29,520,374],"High-End \u002F Luxury",[],[],[],[525,526,527,528],{"score":385,"category":66},{"score":179,"category":69},{"score":73,"category":72},{"score":179,"category":75},[530,531,532,533],{"score":385,"category":66},{"score":179,"category":69},{"score":73,"category":72},{"score":179,"category":75},[85,89,535,93],"brown","Website: Atelier trois. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Atelier trois. Page content: Atelier trois Design & Direction Paris Instagram Behance Contact. A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features Black, Gray, Brown, White. AI description: Atelier trois is a sophisticated design and direction studio based in Paris, catering to a discerning clientele that values high-concept visual storytelling. The website serves as a minimalist digital portfolio, emphasizing a curated aesthetic that bridges the gap between tactile print traditions and modern digital direction. The visual identity is defined by a bold, editorial approach, utilizing dramatic macro photography and a striking color palette of deep navy, stark white, and vibrant orange. The layout is unapologetically minimalist, leaning heavily on large-scale imagery and clean typography to convey a sense of luxury, precision, and artistic authority.",{"id":538,"website_id":539,"page_id":538,"name":540,"slug":541,"url":542,"website_name":540,"website_slug":541,"website_url":543,"result_url":542,"fetched_at":544,"score":502,"score_boost":319,"ai_score":545,"freshness_score":320,"scored_at":546,"page_name":39,"page_url":542,"page_title":547,"page_description":548,"page_content":549,"page_sort":319,"is_home":324,"is_home_rank":325,"page_type_id":326,"page_type_name":45,"cover":550,"cover_mobile":553,"cover_sequence":555,"translations":646,"industry":649,"styles":650,"credits":653,"font_families":654,"technologies":659,"pagespeed":660,"pagespeed_mobile":666,"buckets":672,"search_payload":673},"12e0cee8-6fa3-4440-9fb2-42278e31409c","fc1cc798-56d6-4d3d-8ee0-44c32568d6dd","Lele Zhang","lele-zhang","https:\u002F\u002Flelezhang.design\u002F","https:\u002F\u002Flelezhang.design","2026-05-03T20:27:44.000Z",86,"2026-05-23T19:21:33.000Z","lele's website","product designer","contactworking & playing san francisco, ca click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. hello there! I'm lele. I'm a designer in pursuit of aesthetics and function. I hope to create a world of seeing, learning, thinking, building, and loving. what i • make software made with care software made with care designing for someone you love designing for someone you love puns made visual puns made visual cyanotypes cyanotypes the journal that reflects with you the journal that reflects with you charcuterie for my friends charcuterie for my friends my family :) my family :) my mother's hometown my mother's hometown my friends my friends TALK 2 ME Profile hi! what's up? Chat with me! lele will see ur messages! my work•product•frontend•brand•visuals [ Journaling with pearl ✦ case study ](\u002Fpearl) Creating a gentle, AI-assisted journal & scaled to 2K users with Emily \\[1\\]. This was when I really understood that great products happen when what you make and how it feels are inseparable. [ Journaling with pearl ✦ case study - Main ](\u002Fpearl) [ Journaling with pearl ✦ case study - Stats ](\u002Fpearl)[ Journaling with pearl ✦ case study - Reflection ](\u002Fpearl) [ Draw with claude ✦ prototype walkthrough ](\u002Fdraw) A collaborative drawing experiment where you take turns drawing with Claude, honing in on the joy of co-creating with an intelligent, artful being. [ Sketches of chat as an interface for thinking ✦ blog post ](\u002Fchat-explorations) Exploring how chat interfaces can better support the way we think. I prototyped navigation patterns for going deeper, exploring curiosities, and navigating dense conversations. [ ](\u002Fchat-explorations) Fragile • hardware subscriptions, series b Refining our customer experience to increase conversions and decrease early cancellations. I also developed our brand and created assets for partnerships and recruitment. [ Fragile • hardware subscriptions, series b - Checkout ](https:\u002F\u002Fflex.terrakaffe.com\u002Fterra-kaffe\u002Fcheckout?products=tk-02\\(color%3Dwhite\\)&_gl=1f6ybc6_gcl_awR0NMLjE3NTIwMjIwMjkuQ2p3S0NBandnN1BEQmhCeEVpd0FmMUNWdXo1RDlaOXRNTVhlM1ZVaDRtZ0dyS2N0VzZIcUxXSWxDMklDc25wTkxCUkFyMG0xSExxYVNCb0NydFFRQXZEX0J3RQ.._gcl_au*MTc0NjYxMjk3My4xNzUwODc2NTEy) Fragile • hardware subscriptions, series b - Presentation Fragile • hardware subscriptions, series b - Branding [ TK Flex • coffee rentals ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) I had the privilege to work with the Terra Kaffe team in bringing their rental program to life, designing surfacing across their website, and creating marketing collaterol. [ TK Flex • coffee rentals - Product ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) [ TK Flex • coffee rentals - Marketing ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1)[ TK Flex • coffee rentals - Coffee ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) [ Auracam & Mosaic ](https:\u002F\u002Fauracam.onrender.com\u002F) Outside of work, I explored HCI research and implementing little toys. I designed & did the front-end for a generative learning tool that used word and image association, and fully implemented Auracam. Take a picture of yourself \\[2\\] and get a visualization of your aura via Hume's sentiment analysis API! [ Auracam & Mosaic - Auracam ](https:\u002F\u002Fauracam.onrender.com\u002F) Auracam & Mosaic - Mosaic [ Latch • bioinformatics, series a ](https:\u002F\u002Flatch.bio\u002F) This is the internship that brought me to SF and introduced me to startups! I'm grateful to Nathan \\[3\\] for teaching me terminal commands and how to make my first PR (even though I keep forgetting git syntax). [ Latch • bioinformatics, series a - Data Sync ](https:\u002F\u002Flatch.bio\u002F)[ Latch • bioinformatics, series a - Case Study ](https:\u002F\u002Flatch.bio\u002F) TWITTER \\[4\\] EMAIL \\[5\\] LINKEDIN \\[6\\] Lele Zhang THANKS FOR VISITING! 18196TH VISITOR :) CODED BY ME & CLAUDE",{"id":551,"height":13,"width":12,"blurhash":552},"1cad9aca-8784-4872-a8c6-5057cc67f984","radial-gradient(at 0 0,#fbffff,#00000000 50%),radial-gradient(at 33% 0,#feffff,#00000000 50%),radial-gradient(at 67% 0,#fdfeff,#00000000 50%),radial-gradient(at 100% 0,#faf8fa,#00000000 50%),radial-gradient(at 0 50%,#fefffe,#00000000 50%),radial-gradient(at 33% 50%,#f8f7fc,#00000000 50%),radial-gradient(at 67% 50%,#f5f3f6,#00000000 50%),radial-gradient(at 100% 50%,#f8f4f5,#00000000 50%),radial-gradient(at 0 100%,#d8d7d1,#00000000 50%),radial-gradient(at 33% 100%,#d6d8dc,#00000000 50%),radial-gradient(at 67% 100%,#cbc6c2,#00000000 50%),radial-gradient(at 100% 100%,#c1b9ab,#00000000 50%)",{"id":554,"height":15,"width":14,"blurhash":332},"9fe52512-6c97-4aa4-8043-8dce8f89cb5c",[556,559,562,565,568,571,574,577,580,583,586,589,592,595,598,601,604,607,610,613,616,619,622,625,628,631,634,637,640,643],{"directus_files_id":557},{"id":558},"2b8e3f93-05d0-4f7d-9013-d37f82386019",{"directus_files_id":560},{"id":561},"21901556-cf1e-479a-a089-077e098687f9",{"directus_files_id":563},{"id":564},"00f1af3b-0685-4a22-9826-612b351fcc88",{"directus_files_id":566},{"id":567},"4609e6f8-3413-42a8-94da-6bbfc8e14016",{"directus_files_id":569},{"id":570},"c75f5ad9-53a3-4e5c-82d3-fde33ef79fd8",{"directus_files_id":572},{"id":573},"67604c5b-25b6-46d2-8eff-385085664b2e",{"directus_files_id":575},{"id":576},"35a07690-f3fa-40e7-8bdf-8e711450b225",{"directus_files_id":578},{"id":579},"0ae58c99-be8f-4150-a17e-40bd3bb406b4",{"directus_files_id":581},{"id":582},"1db63e9b-6634-4332-aa22-7b5714d614c3",{"directus_files_id":584},{"id":585},"83efe688-fb89-4702-9e4e-0d40a1c097f3",{"directus_files_id":587},{"id":588},"756fb3cf-c109-427f-ab4f-158bbf7188f1",{"directus_files_id":590},{"id":591},"faa9ef3d-c5e5-41ef-b761-fdccd8a33d5f",{"directus_files_id":593},{"id":594},"b97448e6-1e22-4693-a607-3808bf87bdfa",{"directus_files_id":596},{"id":597},"84d4d919-5d70-49b3-9e5e-23bb17bbb998",{"directus_files_id":599},{"id":600},"7076c703-049d-4bc7-a93a-43142ef18394",{"directus_files_id":602},{"id":603},"8e6a069b-8392-4b12-b4a0-39bbd380485e",{"directus_files_id":605},{"id":606},"785e495e-5470-4dfa-a423-54a92c454318",{"directus_files_id":608},{"id":609},"ed8f6eef-a42d-437e-bec8-6a55052933b3",{"directus_files_id":611},{"id":612},"ea997e64-5089-4a95-a57b-93b835d2bf86",{"directus_files_id":614},{"id":615},"7ade5a39-aff6-462e-8e51-83ae6bdb0d0e",{"directus_files_id":617},{"id":618},"1aeea83c-4ad2-4f2b-be01-fa5e47114f9a",{"directus_files_id":620},{"id":621},"bd37e392-2832-49b2-846d-a47ce4aafef6",{"directus_files_id":623},{"id":624},"3c652da7-ae72-4a44-a2eb-16db865b0b0e",{"directus_files_id":626},{"id":627},"a2bdc51f-1cc1-4ef1-be3b-4ed845cf0827",{"directus_files_id":629},{"id":630},"15f76fd3-e63b-4557-95ce-11e2a1b275ac",{"directus_files_id":632},{"id":633},"158fa327-05a1-497f-9406-88316cf6158c",{"directus_files_id":635},{"id":636},"4a5808e2-d5ce-4ce4-bba4-c15abf6ff3cf",{"directus_files_id":638},{"id":639},"6e6eed7b-2767-426b-814a-84070312df5d",{"directus_files_id":641},{"id":642},"4672e837-4dc9-4586-a309-9ffcd48f1c2b",{"directus_files_id":644},{"id":645},"6ad9b25d-d9cd-4c59-8607-1ad2911dafdb",[647],{"languages_code":369,"description":648},"Lele Zhang’s personal portfolio is a soulful, highly tactile digital space that transcends the traditional, sterile product design showcase. It serves as a living journal of a designer in pursuit of both aesthetics and function, blending professional case studies with deeply personal reflections. The site functions as a bridge between technical product design and human-centric storytelling, making it an inviting destination for collaborators who value empathy and intentionality.\n\nThe visual identity is defined by a soft, dreamlike aesthetic that utilizes gentle gradients, organic shapes, and a playful, layered spatial composition. Eschewing the rigid grids of typical tech portfolios, the design employs a collage-like approach with floating cards and soft shadows that evoke a sense of warmth and intimacy. The typography is approachable and clean, perfectly complementing the site's whimsical yet sophisticated atmosphere, which targets creative directors and forward-thinking tech teams looking for designers with a unique human perspective.","SaaS & Software",[651,29,652],"3D \u002F Spatial","Fun \u002F Playful",[],[655,656,657,275,658],"Untitled Sans","Geist","Geist Mono","Instrument Sans",[255,249],[661,663,664,665],{"score":662,"category":66},94,{"score":503,"category":69},{"score":73,"category":72},{"score":385,"category":75},[667,668,670,671],{"score":169,"category":66},{"score":669,"category":69},72,{"score":73,"category":72},{"score":385,"category":75},[93,535,89,85],"Website: Lele Zhang. Page: Homepage. Page type: Home \u002F Landing Page. Page title: lele's website. Page description: product designer. Page content: contactworking & playing san francisco, ca click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. hello there! I'm lele. I'm a designer in pursuit of aesthetics and function. I hope to create a world of seeing, learning, thinking, building, and loving. what i • make software made with care software made with care designing for someone you love designing for someone you love puns made visual puns made visual cyanotypes cyanotypes the journal that reflects with you the journal that reflects with you charcuterie for my friends charcuterie for my friends my family :) my family :) my mother's hometown my mother's hometown my friends my friends TALK 2 ME Profile hi! what's up? Chat with me! lele will see ur messages! my work•product•frontend•brand•visuals [ Journaling with pearl ✦ case study ](\u002Fpearl) Creating a gentle, AI-assisted journal & scaled to 2K users with Emily \\[1\\]. This was when I really understood that great products happen when what you make and how it feels are inseparable. [ Journaling with pearl ✦ case study - Main ](\u002Fpearl) [ Journaling with pearl ✦ case study - Stats ](\u002Fpearl)[ Journaling with pearl ✦ case study - Reflection ](\u002Fpearl) [ Draw with claude ✦ prototype walkthrough ](\u002Fdraw) A collaborative drawing experiment where you take turns drawing with Claude, honing in on the joy of co-creating with an intelligent, artful being. [ Sketches of chat as an interface for thinking ✦ blog post ](\u002Fchat-explorations) Exploring how chat interfaces can better support the way we think. I prototyped navigation patterns for going deeper, exploring curiosities, and navigating dense conversations. [ ](\u002Fchat-explorations) Fragile • hardware subscriptions, series b Refining our customer experience to increase conversions and decrease early cancellations. I also developed our brand and created assets for partnerships and recruitment. [ Fragile • hardware subscriptions, series b - Checkout ](https:\u002F\u002Fflex.terrakaffe.com\u002Fterra-kaffe\u002Fcheckout?products=tk-02\\(color%3Dwhite\\)&_gl=1f6ybc6_gcl_awR0NMLjE3NTIwMjIwMjkuQ2p3S0NBandnN1BEQmhCeEVpd0FmMUNWdXo1RDlaOXRNTVhlM1ZVaDRtZ0dyS2N0VzZIcUxXSWxDMklDc25wTkxCUkFyMG0xSExxYVNCb0NydFFRQXZEX0J3RQ.._gcl_au*MTc0NjYxMjk3My4xNzUwODc2NTEy) Fragile • hardware subscriptions, series b - Presentation Fragile • hardware subscriptions, series b - Branding [ TK Flex • coffee rentals ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) I had the privilege to work with the Terra Kaffe team in bringing their rental program to life, designing surfacing across their website, and creating marketing collaterol. [ TK Flex • coffee rentals - Product ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) [ TK Flex • coffee rentals - Marketing ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1)[ TK Flex • coffee rentals - Coffee ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) [ Auracam & Mosaic ](https:\u002F\u002Fauracam.onrender.com\u002F) Outside of work, I explored HCI research and implementing little toys. I designed & did the front-end for a generative learning tool that used word and image association, and fully implemented Auracam. Take a picture of yourself \\[2\\] and get a visualization of your aura via Hume's sentiment analysis API! [ Auracam & Mosaic - Auracam ](https:\u002F\u002Fauracam.onrender.com\u002F) Auracam & Mosaic - Mosaic [ Latch • bioinformatics, series a ](https:\u002F\u002Flatch.bio\u002F) This is the internship that brought me to SF and introduced me to startups! I'm grateful to Nathan \\[3\\] for teaching me terminal commands and how to make my first PR (even though I keep forgetting git syntax). [ Latch • bioinformatics, series a - Data Sync ](https:\u002F\u002Flatch.bio\u002F)[ Latch • bioinformatics, series a - Case Study ](https:\u002F\u002Flatch.bio\u002F) TWITTER \\[4\\] EMAIL \\[5\\] LINKEDIN \\[6\\] Lele Zhang THANKS FOR VISITING! 18196TH VISITOR :) CODED BY ME & CLAUDE. A 3D \u002F Spatial, Clean \u002F Minimalist, Fun \u002F Playful website in the SaaS & Software industry. The overall color palette features White, Brown, Gray, Black. The typography features Untitled Sans (Sans Serif, Klim Type), Geist (Sans Serif), Geist Mono, Suisse Intl (Swiss Typefaces), Instrument Sans (Sans Serif). Built using Typekit, Vercel. AI description: Lele Zhang’s personal portfolio is a soulful, highly tactile digital space that transcends the traditional, sterile product design showcase. It serves as a living journal of a designer in pursuit of both aesthetics and function, blending professional case studies with deeply personal reflections. The site functions as a bridge between technical product design and human-centric storytelling, making it an inviting destination for collaborators who value empathy and intentionality. The visual identity is defined by a soft, dreamlike aesthetic that utilizes gentle gradients, organic shapes, and a playful, layered spatial composition. Eschewing the rigid grids of typical tech portfolios, the design employs a collage-like approach with floating cards and soft shadows that evoke a sense of warmth and intimacy. The typography is approachable and clean, perfectly complementing the site's whimsical yet sophisticated atmosphere, which targets creative directors and forward-thinking tech teams looking for designers with a unique human perspective."]