[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-tonale":3,"facets-{\"includeAuthors\":\"false\"}":212,"facets-baseline-false":372,"similar-websites-tonale":403},{"id":4,"name":5,"slug":6,"url":7,"dateUpdated":8,"fetchedAt":9,"coverId":10,"coverMobileId":11,"coverWidth":12,"coverHeight":13,"coverMobileWidth":14,"coverMobileHeight":15,"descriptionEn":16,"seoMeta":17,"industry":20,"styles":24,"credits":37,"pages":45,"typefaces":101,"technologiesByCategory":115,"pagespeedDesktop":161,"pagespeedMobile":173,"performanceDesktop":164,"performanceMobile":175,"colorBuckets":180,"colorPalette":193},"d9390320-a1e5-496d-b93c-8da97248e84e","Tonale","tonale","https:\u002F\u002Ftonale-architecture.fr","2026-05-23T19:10:19.000Z","2026-05-05T19:15:24.000Z","f8cbe1e7-5940-42eb-91a4-e2c2c6f8196e","524a54ec-2e19-4b27-b1d2-b0a6d8f9a90c",1440,900,780,1688,"Tonale is a sophisticated architectural studio that emphasizes the raw beauty of materials and the structural integrity of space. The website serves as a minimalist digital portfolio, showcasing diverse projects ranging from agricultural hangars to residential estates and vineyard domains. By prioritizing large-scale, high-impact imagery, the site allows the architecture to speak for itself, positioning the studio as a serious player in contemporary design.\n\nThe visual identity is defined by a stark, editorial aesthetic that leans heavily into brutalist and minimalist influences. The use of bold, sans-serif typography paired with expansive white space creates a sense of openness and precision. The color palette is intentionally muted, allowing the textures of concrete, wood, and stone in the project photography to drive the visual narrative, appealing to a high-end clientele of developers and private homeowners.",{"title":18,"meta_description":19},"Tonale | Atelier d’Architecture","Tonale is an architectural studio led by Antoine Lachaux and Jeanne Meuriot, specializing in contemporary residential and agricultural design.",{"name":21,"label":22,"slug":23},"Architecture & Real Estate","Real Estate","real-estate",[25,29,33],{"name":26,"label":27,"slug":28},"High-End \u002F Luxury","Luxury","luxury",{"name":30,"label":31,"slug":32},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":34,"label":35,"slug":36},"Typographic \u002F Big Type","Typographic","typographic",[38],{"author":39,"roles":42},{"name":40,"label":40,"slug":41},"Budestschu Tual","budestschu-tual",[43,44],"designer","developer",[46,57,70,83,92],{"name":47,"title":48,"description":49,"url":50,"coverId":10,"coverMobileId":11,"alt":51,"altMobile":52,"pageType":53},"Homepage","Tonale - Tonale est un atelier d’architecture créé par Antoine Lachaux et Jeanne Meuriot.","Tonale est un atelier d’architecture créé par Antoine Lachaux et Jeanne Meuriot.","https:\u002F\u002Ftonale-architecture.fr\u002F","The desktop homepage for Tonale architecture features a minimalist design with a large, high-resolution hero image of a concrete construction site. The title 'Tonale atelier d’architecture' is displayed in bold black text against a white background, with a simple navigation menu at the top left and a 'Plus de projets' link at the top right.","The mobile version maintains the minimalist aesthetic but uses a vertical layout, placing the navigation links 'Index' and 'À propos' at the top left and the brand name 'Tonale' at the top right. The large concrete construction hero image dominates the upper screen, with the project title 'Domaine viticole' positioned directly below it.",{"name":54,"label":55,"slug":56},"Home \u002F Landing Page","Home \u002F Landing","home-landing",{"name":58,"title":59,"description":60,"url":61,"coverId":62,"coverMobileId":63,"alt":64,"altMobile":65,"pageType":66},"À Propos","À propos - Tonale","Ceci est une page d’exemple. C’est différent d’un article de blog parce qu’elle restera au même endroit et apparaîtra dans la navigation de votre site (dans la plupart des thèmes). La plupart des gens commencent par une page « À propos » qui les présente aux personnes visitant le site. Cela pourrait ressembler à quelque chose comme […]","https:\u002F\u002Ftonale-architecture.fr\u002Fa-propos","c1e5792d-b2a6-4ee9-99a0-e439487605ba","82cf556e-2cdb-4861-9dc8-bcde9da6ae42","The desktop version of the 'À propos' page features a minimalist design with a white background and black text. The layout uses a two-column structure where the left side contains large, bold branding for 'Tonale atelier d’architecture' and the right side presents descriptive text about the firm, followed by contact details, team members, and publications in a clean list format.","The mobile version presents a single-column, vertically stacked layout optimized for small screens. The large 'Tonale' branding is at the top, followed by the introductory text, and then contact information, team lists, and publications, all presented in a simple, readable text-only format without the side-by-side columns seen on desktop.",{"name":67,"label":68,"slug":69},"About Us \u002F Team","About Us","about-us",{"name":71,"title":72,"description":73,"url":74,"coverId":75,"coverMobileId":76,"alt":77,"altMobile":78,"pageType":79},"Domaine Viticole","Domaine viticole - Tonale",null,"https:\u002F\u002Ftonale-architecture.fr\u002Fdomaine-viticole","b69aaab9-e8cf-438a-8d94-e8d7d838d99f","b997d535-a567-4296-8de1-6f5e9051bc66","Desktop view of the Domaine Viticole project page featuring a minimalist layout with a large vertical construction photo on the left and black text on a white background on the right. The page includes the Tonale atelier d'architecture logo, a project description, and a technical details list including location, status, and program. Navigation links for Index and À propos are located at the top.","Mobile version of the project page where the layout shifts to a single vertical column. The large construction image is positioned at the top, followed by the project title, descriptive text, and technical specifications list. The navigation menu is condensed at the top of the screen.",{"name":80,"label":81,"slug":82},"Projects \u002F Portfolio","Portfolio","portfolio",{"name":84,"title":85,"description":73,"url":86,"coverId":87,"coverMobileId":88,"alt":89,"altMobile":90,"pageType":91},"Deux Maisons, Un Patio","Deux maisons, un patio - Tonale","https:\u002F\u002Ftonale-architecture.fr\u002Fdeux-maisons-un-patio","0838bf55-2b35-44d4-86bd-334f8d1773c2","4e300126-2563-4c6f-b44d-3a4524019f1a","The desktop webpage for Tonale architecture features a minimalist design with a white background and black text. The layout includes a navigation menu at the top left, a large heading 'Restructuration de deux maisons autour d'un patio', a descriptive paragraph, and a project details section organized in columns on the right.","The mobile version maintains the minimalist white and black aesthetic but uses a single-column layout. The navigation links are positioned at the top, followed by the main title, a long block of descriptive text, and the project details listed vertically below.",{"name":80,"label":81,"slug":82},{"name":93,"title":94,"description":73,"url":95,"coverId":96,"coverMobileId":97,"alt":98,"altMobile":99,"pageType":100},"Hangar Agricole","Hangar agricole - Tonale","https:\u002F\u002Ftonale-architecture.fr\u002Fhangar","a5fc1961-d562-4dfd-bc77-f4af2860f47e","862e523b-4762-4eb4-ae4b-16c6f21c6115","The desktop page features a minimalist design with a large landscape photograph of a rural site with vineyards and a wooden structure on the left. To the right, the project title 'Reconstruction d'un hangar' is followed by descriptive text and a structured list of project details like location, status, and surface area. The layout uses a clean white background with black typography and a navigation menu at the top.","The mobile version presents a single-column vertical layout, stacking the large landscape image above the project text and details. The navigation menu is condensed, and the text spans the full width of the screen for easier reading on smaller devices.",{"name":80,"label":81,"slug":82},[102,105,108,111],{"name":103,"label":103,"slug":104,"foundryName":73},"Icomoon","icomoon",{"name":106,"label":106,"slug":107,"foundryName":73},"Swiper Icons","swiper-icons",{"name":109,"label":109,"slug":110,"foundryName":73},"Times New Roman","times-new-roman",{"name":112,"label":112,"slug":113,"foundryName":114},"Walter Neue","walter-neue","Dinamo",{"JavaScript libraries":116,"Analytics":129,"CDN":136,"Databases":140,"Programming languages":144,"WordPress plugins":148,"CMS":153,"Blogs":157,"SEO":159},[117,120,123,126],{"name":118,"label":118,"slug":119},"fullPage.js","fullpagejs",{"name":121,"label":121,"slug":122},"jQuery","jquery",{"name":124,"label":124,"slug":125},"Lightbox","lightbox",{"name":127,"label":127,"slug":128},"Swiper","swiper",[130,133],{"name":131,"label":131,"slug":132},"Google Analytics","google-analytics",{"name":134,"label":134,"slug":135},"Site Kit","site-kit",[137],{"name":138,"label":138,"slug":139},"jsDelivr","jsdelivr",[141],{"name":142,"label":142,"slug":143},"MySQL","mysql",[145],{"name":146,"label":146,"slug":147},"PHP","php",[149,150],{"name":134,"label":134,"slug":135},{"name":151,"label":151,"slug":152},"Yoast SEO","yoast-seo",[154],{"name":155,"label":155,"slug":156},"WordPress","wordpress",[158],{"name":155,"label":155,"slug":156},[160],{"name":151,"label":151,"slug":152},[162,165,168,171],{"category":163,"score":164},"performance",88,{"category":166,"score":167},"accessibility",100,{"category":169,"score":170},"best-practices",96,{"category":172,"score":167},"seo",[174,176,178,179],{"category":163,"score":175},80,{"category":166,"score":177},97,{"category":169,"score":170},{"category":172,"score":167},[181,185,189],{"value":182,"label":183,"hex":184},"white","White","#ffffff",{"value":186,"label":187,"hex":188},"gray","Gray","#737373",{"value":190,"label":191,"hex":192},"black","Black","#000000",[194,197,200,203,206,209],{"hex":195,"percent":196},"#FFFFFF",0.7943,{"hex":198,"percent":199},"#CCCCCD",0.064,{"hex":201,"percent":202},"#ACA69D",0.0547,{"hex":204,"percent":205},"#817E6D",0.0383,{"hex":207,"percent":208},"#494F44",0.0284,{"hex":210,"percent":211},"#060606",0.0203,{"facetDistribution":213,"facetLabels":290},{"industry":214,"styles":234,"technologies":249,"font_families":275,"page_type_name":288},{"Agency & Studio":215,"Art & Culture":216,"SaaS & Software":217,"Fashion & Apparel":218,"Architecture & Real Estate":219,"Entertainment & Media":220,"Food & Beverage":221,"Photography & Video":222,"Finance & Fintech":223,"Healthcare & Wellness":224,"Technology & Hardware":225,"Industrial & Manufacturing":226,"Beauty & Cosmetics":227,"Travel & Hospitality":228,"Non-Profit & Charity":229,"Education & Courses":230,"Crypto & Web3":231,"Sports & Fitness":232,"Automotive & Transportation":233},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":235,"Typographic \u002F Big Type":236,"High-End \u002F Luxury":237,"Dark Mode":238,"Vibrant \u002F Colorful":239,"Monochrome \u002F Grayscale":240,"Fun \u002F Playful":241,"Brutalist \u002F Neo-Brutalist":242,"Corporate \u002F Professional":243,"Illustrative \u002F Hand-drawn":244,"Futuristic \u002F Sci-Fi":245,"3D \u002F Spatial":246,"Retro \u002F Vintage \u002F Y2K":247,"Glassmorphism":248,"Bento Grid":248},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":250,"PHP":251,"WordPress":252,"Node.js":253,"React":254,"Vercel":255,"Vue.js":256,"Shopify":257,"Next.js":258,"Klaviyo":259,"Nuxt.js":260,"Typekit":261,"Amazon Web Services":262,"reCAPTCHA":263,"YouTube":264,"MailChimp":265,"Modernizr":266,"Bootstrap":267,"Slick":268,"Google Font API":269,"Craft CMS":270,"Framer Sites":271,"Contact Form 7":272,"Stimulus":273,"Google Maps":274},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,92,91,85,82,79,66,65,64,59,58,{"Inter":276,"Times New Roman":277,"Roboto":278,"Open Sans":279,"Neue Haas Grotesk":279,"Suisse Intl":164,"Arial":245,"Poppins":270,"Helvetica Neue":272,"Montserrat":280,"Diatype":246,"Neue Montreal":225,"Lato":226,"Graphik":281,"Source Sans":282,"Monument Grotesk":283,"Noto Sans":284,"Helvetica":285,"Söhne":286,"DM Sans":286,"Founders Grotesk":286,"GT America":287,"Google Sans":287,"Editorial":247,"IBM Plex Mono":230},315,168,127,90,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":289},2397,{"industry":291,"styles":310,"page_type_name":323,"technologies":324,"font_families":347},{"Agency & Studio":292,"Art & Culture":293,"SaaS & Software":294,"Fashion & Apparel":295,"Architecture & Real Estate":22,"Entertainment & Media":296,"Food & Beverage":297,"Photography & Video":298,"Finance & Fintech":299,"Healthcare & Wellness":300,"Technology & Hardware":301,"Industrial & Manufacturing":302,"Beauty & Cosmetics":303,"Travel & Hospitality":304,"Non-Profit & Charity":305,"Education & Courses":306,"Crypto & Web3":307,"Sports & Fitness":308,"Automotive & Transportation":309},"Agencies","Art and Culture","Software","Fashion","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":27,"Dark Mode":311,"Vibrant \u002F Colorful":312,"Monochrome \u002F Grayscale":313,"Fun \u002F Playful":314,"Brutalist \u002F Neo-Brutalist":315,"Corporate \u002F Professional":316,"Illustrative \u002F Hand-drawn":317,"Futuristic \u002F Sci-Fi":318,"3D \u002F Spatial":319,"Retro \u002F Vintage \u002F Y2K":320,"Glassmorphism":321,"Bento Grid":322},"Dark Mode","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":55},{"jQuery":121,"PHP":146,"WordPress":155,"Node.js":325,"React":326,"Vercel":327,"Vue.js":328,"Shopify":329,"Next.js":330,"Klaviyo":331,"Nuxt.js":332,"Typekit":333,"Amazon Web Services":334,"reCAPTCHA":335,"YouTube":336,"MailChimp":337,"Modernizr":338,"Bootstrap":339,"Slick":340,"Google Font API":341,"Craft CMS":342,"Framer Sites":343,"Contact Form 7":344,"Stimulus":345,"Google Maps":346},"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":348,"Times New Roman":109,"Roboto":349,"Open Sans":350,"Neue Haas Grotesk":351,"Suisse Intl":352,"Arial":353,"Poppins":354,"Helvetica Neue":355,"Montserrat":356,"Diatype":357,"Neue Montreal":358,"Lato":359,"Graphik":360,"Source Sans":361,"Monument Grotesk":362,"Noto Sans":363,"Helvetica":364,"Söhne":365,"DM Sans":366,"Founders Grotesk":367,"GT America":368,"Google Sans":369,"Editorial":370,"IBM Plex Mono":371},"Inter","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":373,"facetLabels":389},{"industry":374,"styles":375,"technologies":376,"font_families":377,"page_type_name":378},{"Agency & Studio":215,"Art & Culture":216,"SaaS & Software":217,"Fashion & Apparel":218,"Architecture & Real Estate":219,"Entertainment & Media":220,"Food & Beverage":221,"Photography & Video":222,"Finance & Fintech":223,"Healthcare & Wellness":224,"Technology & Hardware":225,"Industrial & Manufacturing":226,"Beauty & Cosmetics":227,"Travel & Hospitality":228,"Non-Profit & Charity":229,"Education & Courses":230,"Crypto & Web3":231,"Sports & Fitness":232,"Automotive & Transportation":233},{"Clean \u002F Minimalist":235,"Typographic \u002F Big Type":236,"High-End \u002F Luxury":237,"Dark Mode":238,"Vibrant \u002F Colorful":239,"Monochrome \u002F Grayscale":240,"Fun \u002F Playful":241,"Brutalist \u002F Neo-Brutalist":242,"Corporate \u002F Professional":243,"Illustrative \u002F Hand-drawn":244,"Futuristic \u002F Sci-Fi":245,"3D \u002F Spatial":246,"Retro \u002F Vintage \u002F Y2K":247,"Glassmorphism":248,"Bento Grid":248},{"jQuery":250,"PHP":251,"WordPress":252,"Node.js":253,"React":254,"Vercel":255,"Vue.js":256,"Shopify":257,"Next.js":258,"Klaviyo":259,"Nuxt.js":260,"Typekit":261,"Amazon Web Services":262,"reCAPTCHA":263,"YouTube":264,"MailChimp":265,"Modernizr":266,"Bootstrap":267,"Slick":268,"Google Font API":269,"Craft CMS":270,"Framer Sites":271,"Contact Form 7":272,"Stimulus":273,"Google Maps":274},{"Inter":276,"Times New Roman":277,"Roboto":278,"Open Sans":279,"Neue Haas Grotesk":279,"Suisse Intl":164,"Arial":245,"Poppins":270,"Helvetica Neue":272,"Montserrat":280,"Diatype":246,"Neue Montreal":225,"Lato":226,"Graphik":281,"Source Sans":282,"Monument Grotesk":283,"Noto Sans":284,"Helvetica":285,"Söhne":286,"DM Sans":286,"Founders Grotesk":286,"GT America":287,"Google Sans":287,"Editorial":247,"IBM Plex Mono":230},{"Home \u002F Landing Page":379,"About Us \u002F Team":380,"Projects \u002F Portfolio":381,"Contact Us":382,"Blog \u002F Article Layout":383,"Services \u002F Features":384,"Shop \u002F Catalog":385,"Careers \u002F Jobs":386,"Pricing Page":224,"Sign Up \u002F Login":387,"404 Error Page":388},2401,774,527,418,378,341,299,89,27,9,{"industry":390,"styles":391,"page_type_name":392,"technologies":401,"font_families":402},{"Agency & Studio":292,"Art & Culture":293,"SaaS & Software":294,"Fashion & Apparel":295,"Architecture & Real Estate":22,"Entertainment & Media":296,"Food & Beverage":297,"Photography & Video":298,"Finance & Fintech":299,"Healthcare & Wellness":300,"Technology & Hardware":301,"Industrial & Manufacturing":302,"Beauty & Cosmetics":303,"Travel & Hospitality":304,"Non-Profit & Charity":305,"Education & Courses":306,"Crypto & Web3":307,"Sports & Fitness":308,"Automotive & Transportation":309},{"Clean \u002F Minimalist":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":27,"Dark Mode":311,"Vibrant \u002F Colorful":312,"Monochrome \u002F Grayscale":313,"Fun \u002F Playful":314,"Brutalist \u002F Neo-Brutalist":315,"Corporate \u002F Professional":316,"Illustrative \u002F Hand-drawn":317,"Futuristic \u002F Sci-Fi":318,"3D \u002F Spatial":319,"Retro \u002F Vintage \u002F Y2K":320,"Glassmorphism":321,"Bento Grid":322},{"Home \u002F Landing Page":55,"About Us \u002F Team":68,"Projects \u002F Portfolio":81,"Contact Us":393,"Blog \u002F Article Layout":394,"Services \u002F Features":395,"Shop \u002F Catalog":396,"Careers \u002F Jobs":397,"Pricing Page":398,"Sign Up \u002F Login":399,"404 Error Page":400},"Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":121,"PHP":146,"WordPress":155,"Node.js":325,"React":326,"Vercel":327,"Vue.js":328,"Shopify":329,"Next.js":330,"Klaviyo":331,"Nuxt.js":332,"Typekit":333,"Amazon Web Services":334,"reCAPTCHA":335,"YouTube":336,"MailChimp":337,"Modernizr":338,"Bootstrap":339,"Slick":340,"Google Font API":341,"Craft CMS":342,"Framer Sites":343,"Contact Form 7":344,"Stimulus":345,"Google Maps":346},{"Inter":348,"Times New Roman":109,"Roboto":349,"Open Sans":350,"Neue Haas Grotesk":351,"Suisse Intl":352,"Arial":353,"Poppins":354,"Helvetica Neue":355,"Montserrat":356,"Diatype":357,"Neue Montreal":358,"Lato":359,"Graphik":360,"Source Sans":361,"Monument Grotesk":362,"Noto Sans":363,"Helvetica":364,"Söhne":365,"DM Sans":366,"Founders Grotesk":367,"GT America":368,"Google Sans":369,"Editorial":370,"IBM Plex Mono":371},{"hits":404},[405,455,500,639],{"id":406,"website_id":407,"page_id":406,"name":408,"slug":409,"url":410,"website_name":408,"website_slug":409,"website_url":411,"result_url":410,"fetched_at":412,"score":413,"score_boost":414,"ai_score":164,"freshness_score":415,"scored_at":416,"page_name":47,"page_url":410,"page_title":408,"page_description":417,"page_content":418,"page_sort":414,"is_home":419,"is_home_rank":420,"page_type_id":421,"page_type_name":54,"cover":422,"cover_mobile":425,"cover_sequence":427,"translations":431,"industry":21,"styles":435,"credits":436,"font_families":439,"technologies":441,"pagespeed":443,"pagespeed_mobile":448,"buckets":453,"search_payload":454},"c64515cb-258c-4c9b-8509-33e0e03f9f53","f0cf69f2-eaf2-4f47-b8e4-a61d39e37be5","Temple","temple","https:\u002F\u002Ftemple.archi\u002F","https:\u002F\u002Ftemple.archi","2026-05-04T11:14:50.000Z",86,0,74,"2026-05-23T19:21:38.000Z","Bureau d'architecture","[ Temple ](https:\u002F\u002Ftemple.archi) Projets Index Bureau Contact Fr En Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple",true,1,"1",{"id":423,"height":13,"width":12,"blurhash":424},"1a9dea78-faab-4683-ba8f-45260b8e169f","radial-gradient(at 0 0,#d0dbd6,#00000000 50%),radial-gradient(at 33% 0,#dbe8e2,#00000000 50%),radial-gradient(at 67% 0,#d9e8e4,#00000000 50%),radial-gradient(at 100% 0,#d4e1e1,#00000000 50%),radial-gradient(at 0 50%,#d5d9da,#00000000 50%),radial-gradient(at 33% 50%,#ccd2d3,#00000000 50%),radial-gradient(at 67% 50%,#d5dbdf,#00000000 50%),radial-gradient(at 100% 50%,#d8dde4,#00000000 50%),radial-gradient(at 0 100%,#a2a39f,#00000000 50%),radial-gradient(at 33% 100%,#9e9ea1,#00000000 50%),radial-gradient(at 67% 100%,#aaa8b1,#00000000 50%),radial-gradient(at 100% 100%,#b7b7be,#00000000 50%)",{"id":426,"height":15,"width":14,"blurhash":73},"21eb6353-0b65-4b94-a6bc-2ac3a387b4c9",[428],{"directus_files_id":429},{"id":430},"a4fbd2aa-83dd-4ce8-8c32-f31ec6be0119",[432],{"languages_code":433,"description":434},"en","Temple is a sophisticated architectural studio based in Paris, dedicated to the intersection of structural stability, beauty, and functional living. The website serves as a high-end digital portfolio, showcasing a diverse range of projects spanning residential, commercial, industrial, and urban planning sectors. Through a curated selection of large-scale imagery, the site communicates a deep commitment to site-specific design and the harmonious integration of buildings within their natural and urban environments.\n\nThe visual identity is defined by an uncompromising minimalist aesthetic. Utilizing expansive, high-resolution photography and a restrained typographic hierarchy, the design mirrors the architectural principles of the studio itself: clarity, space, and materiality. The layout is airy and intentional, targeting discerning clients and collaborators who value contemporary, sustainable, and well-crafted spatial solutions.",[30,26,34],[408,437,438],"Sophie Hanoun","Tristan Bagot",[440],"Circular",[338,146,442],"Polyfill",[444,445,446,447],{"score":264,"category":163},{"score":386,"category":166},{"score":170,"category":169},{"score":167,"category":172},[449,450,451,452],{"score":386,"category":163},{"score":386,"category":166},{"score":170,"category":169},{"score":167,"category":172},[182,186,190],"Website: Temple. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Temple. Page description: Bureau d'architecture. Page content: [ Temple ](https:\u002F\u002Ftemple.archi) Projets Index Bureau Contact Fr En Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple Accueil - © Temple. A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Architecture & Real Estate industry. Designed by Sophie Hanoun, developed by Tristan Bagot. The overall color palette features White, Gray, Black. The typography features Circular (Sans Serif, Lineto). Built using Modernizr, PHP, Polyfill. AI description: Temple is a sophisticated architectural studio based in Paris, dedicated to the intersection of structural stability, beauty, and functional living. The website serves as a high-end digital portfolio, showcasing a diverse range of projects spanning residential, commercial, industrial, and urban planning sectors. Through a curated selection of large-scale imagery, the site communicates a deep commitment to site-specific design and the harmonious integration of buildings within their natural and urban environments. The visual identity is defined by an uncompromising minimalist aesthetic. Utilizing expansive, high-resolution photography and a restrained typographic hierarchy, the design mirrors the architectural principles of the studio itself: clarity, space, and materiality. The layout is airy and intentional, targeting discerning clients and collaborators who value contemporary, sustainable, and well-crafted spatial solutions.",{"id":456,"website_id":457,"page_id":456,"name":458,"slug":459,"url":460,"website_name":458,"website_slug":459,"website_url":461,"result_url":460,"fetched_at":462,"score":463,"score_boost":414,"ai_score":463,"freshness_score":223,"scored_at":464,"page_name":47,"page_url":460,"page_title":465,"page_description":466,"page_content":467,"page_sort":414,"is_home":419,"is_home_rank":420,"page_type_id":421,"page_type_name":54,"cover":468,"cover_mobile":471,"cover_sequence":473,"translations":477,"industry":21,"styles":480,"credits":481,"font_families":483,"technologies":484,"pagespeed":486,"pagespeed_mobile":492,"buckets":498,"search_payload":499},"253b0438-6ee1-4a55-8a44-a762670f880c","db9d965b-176e-4a31-a062-b42e01ceb232","Manuelle Gautrand","manuelle-gautrand","https:\u002F\u002Fmanuelle-gautrand.com\u002F","https:\u002F\u002Fmanuelle-gautrand.com","2026-05-05T14:59:38.000Z",81,"2026-05-23T19:36:00.000Z","Manuelle Gautrand Architecture","Manuelle Gautrand Architecture is a Parisian based architecture firm founded by Manuelle Gautrand in 1991. The firm’s poetic architecture embraces the endless variety of forms and colors, using the most contemporary methods of planning in a variety of areas ranging from cultural facilities to residential, commercial and office buildings.","Residential projects Residential projects Work projects Work projects Hospitality projects Hospitality projects Leisure projects Leisure projects",{"id":469,"height":13,"width":12,"blurhash":470},"b5c559dd-2b12-458a-bc09-4d2c63d39b73","radial-gradient(at 0 0,#b8b4b2,#00000000 50%),radial-gradient(at 33% 0,#b8bcbc,#00000000 50%),radial-gradient(at 67% 0,#babebe,#00000000 50%),radial-gradient(at 100% 0,#bfbbbd,#00000000 50%),radial-gradient(at 0 50%,#837f6d,#00000000 50%),radial-gradient(at 33% 50%,#878d87,#00000000 50%),radial-gradient(at 67% 50%,#7d8582,#00000000 50%),radial-gradient(at 100% 50%,#7f7b70,#00000000 50%),radial-gradient(at 0 100%,#b9a49e,#00000000 50%),radial-gradient(at 33% 100%,#978f8c,#00000000 50%),radial-gradient(at 67% 100%,#977c7f,#00000000 50%),radial-gradient(at 100% 100%,#b5858b,#00000000 50%)",{"id":472,"height":15,"width":14,"blurhash":73},"ae9835cb-dbaa-4abb-abcf-bebc72162c79",[474],{"directus_files_id":475},{"id":476},"032c38b7-ddaa-4b56-92af-dffd69124f97",[478],{"languages_code":433,"description":479},"Manuelle Gautrand Architecture presents a digital portfolio that mirrors the poetic and sculptural nature of its physical works. The website serves as a high-end gallery for a Parisian firm, showcasing a diverse range of architectural achievements from residential sanctuaries to large-scale cultural and commercial landmarks. The layout prioritizes large-scale, immersive imagery that allows the textures, geometries, and colors of the structures to speak for themselves.\n\nThe visual identity is defined by a sophisticated, minimalist structure that utilizes bold typography and a clean grid to organize complex visual information. By stripping away unnecessary decorative elements, the design directs the viewer's focus entirely toward the architectural forms. The aesthetic is one of quiet confidence and luxury, catering to an elite audience of developers, cultural institutions, and private clients who value avant-garde design and contemporary craftsmanship.",[30,26,34],[482],"gr20paris",[352,352],[325,332,485,328],"Ubuntu",[487,489,490,491],{"score":488,"category":163},77,{"score":167,"category":166},{"score":167,"category":169},{"score":167,"category":172},[493,495,496,497],{"score":494,"category":163},67,{"score":167,"category":166},{"score":167,"category":169},{"score":167,"category":172},[186,182,190],"Website: Manuelle Gautrand. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Manuelle Gautrand Architecture. Page description: Manuelle Gautrand Architecture is a Parisian based architecture firm founded by Manuelle Gautrand in 1991. The firm’s poetic architecture embraces the endless variety of forms and colors, using the most contemporary methods of planning in a variety of areas ranging from cultural facilities to residential, commercial and office buildings.. Page content: Residential projects Residential projects Work projects Work projects Hospitality projects Hospitality projects Leisure projects Leisure projects. A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Architecture & Real Estate industry. The overall color palette features Gray, White, Black. The typography features Suisse Intl (Swiss Typefaces), Suisse Intl (Swiss Typefaces). Built using Node.js, Nuxt.js, Ubuntu, Vue.js. AI description: Manuelle Gautrand Architecture presents a digital portfolio that mirrors the poetic and sculptural nature of its physical works. The website serves as a high-end gallery for a Parisian firm, showcasing a diverse range of architectural achievements from residential sanctuaries to large-scale cultural and commercial landmarks. The layout prioritizes large-scale, immersive imagery that allows the textures, geometries, and colors of the structures to speak for themselves. The visual identity is defined by a sophisticated, minimalist structure that utilizes bold typography and a clean grid to organize complex visual information. By stripping away unnecessary decorative elements, the design directs the viewer's focus entirely toward the architectural forms. The aesthetic is one of quiet confidence and luxury, catering to an elite audience of developers, cultural institutions, and private clients who value avant-garde design and contemporary craftsmanship.",{"id":501,"website_id":502,"page_id":501,"name":503,"slug":504,"url":505,"website_name":503,"website_slug":504,"website_url":506,"result_url":505,"fetched_at":507,"score":508,"score_boost":414,"ai_score":413,"freshness_score":415,"scored_at":509,"page_name":47,"page_url":505,"page_title":510,"page_description":511,"page_content":512,"page_sort":414,"is_home":419,"is_home_rank":420,"page_type_id":421,"page_type_name":54,"cover":513,"cover_mobile":516,"cover_sequence":518,"translations":609,"industry":612,"styles":613,"credits":616,"font_families":617,"technologies":622,"pagespeed":623,"pagespeed_mobile":630,"buckets":636,"search_payload":638},"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",84,"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":514,"height":13,"width":12,"blurhash":515},"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":517,"height":15,"width":14,"blurhash":73},"9fe52512-6c97-4aa4-8043-8dce8f89cb5c",[519,522,525,528,531,534,537,540,543,546,549,552,555,558,561,564,567,570,573,576,579,582,585,588,591,594,597,600,603,606],{"directus_files_id":520},{"id":521},"2b8e3f93-05d0-4f7d-9013-d37f82386019",{"directus_files_id":523},{"id":524},"21901556-cf1e-479a-a089-077e098687f9",{"directus_files_id":526},{"id":527},"00f1af3b-0685-4a22-9826-612b351fcc88",{"directus_files_id":529},{"id":530},"4609e6f8-3413-42a8-94da-6bbfc8e14016",{"directus_files_id":532},{"id":533},"c75f5ad9-53a3-4e5c-82d3-fde33ef79fd8",{"directus_files_id":535},{"id":536},"67604c5b-25b6-46d2-8eff-385085664b2e",{"directus_files_id":538},{"id":539},"35a07690-f3fa-40e7-8bdf-8e711450b225",{"directus_files_id":541},{"id":542},"0ae58c99-be8f-4150-a17e-40bd3bb406b4",{"directus_files_id":544},{"id":545},"1db63e9b-6634-4332-aa22-7b5714d614c3",{"directus_files_id":547},{"id":548},"83efe688-fb89-4702-9e4e-0d40a1c097f3",{"directus_files_id":550},{"id":551},"756fb3cf-c109-427f-ab4f-158bbf7188f1",{"directus_files_id":553},{"id":554},"faa9ef3d-c5e5-41ef-b761-fdccd8a33d5f",{"directus_files_id":556},{"id":557},"b97448e6-1e22-4693-a607-3808bf87bdfa",{"directus_files_id":559},{"id":560},"84d4d919-5d70-49b3-9e5e-23bb17bbb998",{"directus_files_id":562},{"id":563},"7076c703-049d-4bc7-a93a-43142ef18394",{"directus_files_id":565},{"id":566},"8e6a069b-8392-4b12-b4a0-39bbd380485e",{"directus_files_id":568},{"id":569},"785e495e-5470-4dfa-a423-54a92c454318",{"directus_files_id":571},{"id":572},"ed8f6eef-a42d-437e-bec8-6a55052933b3",{"directus_files_id":574},{"id":575},"ea997e64-5089-4a95-a57b-93b835d2bf86",{"directus_files_id":577},{"id":578},"7ade5a39-aff6-462e-8e51-83ae6bdb0d0e",{"directus_files_id":580},{"id":581},"1aeea83c-4ad2-4f2b-be01-fa5e47114f9a",{"directus_files_id":583},{"id":584},"bd37e392-2832-49b2-846d-a47ce4aafef6",{"directus_files_id":586},{"id":587},"3c652da7-ae72-4a44-a2eb-16db865b0b0e",{"directus_files_id":589},{"id":590},"a2bdc51f-1cc1-4ef1-be3b-4ed845cf0827",{"directus_files_id":592},{"id":593},"15f76fd3-e63b-4557-95ce-11e2a1b275ac",{"directus_files_id":595},{"id":596},"158fa327-05a1-497f-9406-88316cf6158c",{"directus_files_id":598},{"id":599},"4a5808e2-d5ce-4ce4-bba4-c15abf6ff3cf",{"directus_files_id":601},{"id":602},"6e6eed7b-2767-426b-814a-84070312df5d",{"directus_files_id":604},{"id":605},"4672e837-4dc9-4586-a309-9ffcd48f1c2b",{"directus_files_id":607},{"id":608},"6ad9b25d-d9cd-4c59-8607-1ad2911dafdb",[610],{"languages_code":433,"description":611},"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",[614,30,615],"3D \u002F Spatial","Fun \u002F Playful",[],[618,619,620,352,621],"Untitled Sans","Geist","Geist Mono","Instrument Sans",[333,327],[624,626,628,629],{"score":625,"category":163},94,{"score":627,"category":166},75,{"score":170,"category":169},{"score":167,"category":172},[631,632,634,635],{"score":268,"category":163},{"score":633,"category":166},72,{"score":170,"category":169},{"score":167,"category":172},[182,637,186,190],"brown","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.",{"id":640,"website_id":641,"page_id":640,"name":642,"slug":643,"url":644,"website_name":642,"website_slug":643,"website_url":645,"result_url":644,"fetched_at":646,"score":175,"score_boost":414,"ai_score":175,"freshness_score":415,"scored_at":647,"page_name":47,"page_url":644,"page_title":642,"page_description":648,"page_content":649,"page_sort":414,"is_home":419,"is_home_rank":420,"page_type_id":421,"page_type_name":54,"cover":650,"cover_mobile":653,"cover_sequence":655,"translations":659,"industry":662,"styles":663,"credits":664,"font_families":667,"technologies":668,"pagespeed":670,"pagespeed_mobile":675,"buckets":680,"search_payload":681},"38c2235b-dd1b-40c2-892c-07485eb2451f","f3414f71-3f5c-4c6c-b3a1-65edbf4c1900","Studio Aurélie Michaud","aurelie-michaud","https:\u002F\u002Fstudioaureliemichaud.com\u002F","https:\u002F\u002Fstudioaureliemichaud.com","2026-05-04T08:50:27.000Z","2026-05-23T19:09:56.000Z","Led by Aurélie Michaud, Studio AM draws on 16 years of experience between London and Paris. We develop campaigns, brand strategies, editorial content, and identities across film, photography, print, and digital media. Clients include : Hermès, Miu Miu, Louis Vuitton, Gucci, Chloé, Diesel Ferragamo,  Diptyque, Vacheron Constantin, Dunhill, Moët Hennessy and Studio Nicholson. Portfolio available upon request.","SN-SS22-Men-C Studio Nicholson, SS23 ( i ) Buttner-4 Buttner, Ski ( i ) Hèrmes-Magazine-Covers-LR Le Monde d'Hermès, N⁰67 to N⁰73 ( i ) VC-5B Vacheron Constantin, Time is Art ( i ) SN-SS22W-7B Studio Nicholson, SS22 ( i ) StudioAM Hermès MDH71 AW17 Menswear 1 Hermès, AW17 Menswear ( i ) SarahBlais-Book-10 Sarah Blais, Prints catalogue N°1 ( i ) SN-Resort-22-Image 2 Studio Nicholson, Resort 22 ( i ) DBG-AW14-Campaign-1 Diesel Black Gold, AW15 Campaign ( i ) Onirim, Digital rebranding ( i ) MDH71 Factory-1 Hermès, Editorial ( i ) Hermès-Twilly-11 Hermès, Twilly fragrance ( i ) SN-PF21W-16 Studio Nicholson, PF21 ( i ) Diesel Black Gold, BTS ( i ) SN-AW21M-Single 7 Studio Nicholson, AW21 ( i ) Dunhill-AW15-Holiday-6 Dunhill, Holiday Campaign ( i ) Led by Aurélie Michaud, Studio AM draws on 16 years of experience between London and Paris. We develop campaigns, brand strategies, editorial content, and identities across film, photography, print, and digital media. Clients include : Hermès, Miu Miu, Louis Vuitton, Gucci, Chloé, Diesel Ferragamo, Diptyque, Vacheron Constantin, Dunhill, Moët Hennessy and Studio Nicholson. Portfolio available upon request. 1. Email 2. Instagram 1. All 2. Art direction 3. Print 4. Digital 5. Identity 6. Film 1. Studio Nicholson, SS23 2. Le Monde d'Hermès, N⁰67 to N⁰73 3. Vacheron Constantin, Time is Art 4. Buttner, Ski 5. Studio Nicholson, SS22 6. Diesel Black Gold, AW15 Campaign 7. Hermès, Editorial 8. Studio Nicholson, Resort 22 9. Sarah Blais, Prints catalogue N°1 10. Hermès, AW17 Menswear 11. Diesel Black Gold, BTS 12. Hermès, Twilly fragrance 13. Studio Nicholson, AW21 14. Dunhill, Holiday Campaign 15. Studio Nicholson, PF21 16. Girafe, Restaurant Palais de Chaillot 17. Onirim, Digital rebranding 18. Studio Nicholson, Ecommerce 19. Studio Nicholson, SS21 Campaign 20. Ferragamo, Holiday campaign 21. Dunhill, Ecommerce 22. Dyptique, Editorial Platform 23. Nina Ricci, Collection Lumière 24. Lunch Money Life, EP ( Back to top ) 1. All 2. Art direction 3. Print 4. Digital 5. Identity 6. Film 1. Studio Nicholson, SS23 2. Le Monde d'Hermès, N⁰67 to N⁰73 3. Vacheron Constantin, Time is Art 4. Buttner, Ski 5. Studio Nicholson, SS22 6. Diesel Black Gold, AW15 Campaign 7. Hermès, Editorial 8. Studio Nicholson, Resort 22 9. Sarah Blais, Prints catalogue N°1 10. Hermès, AW17 Menswear 11. Diesel Black Gold, BTS 12. Hermès, Twilly fragrance 13. Studio Nicholson, AW21 14. Dunhill, Holiday Campaign 15. Studio Nicholson, PF21 16. Girafe, Restaurant Palais de Chaillot 17. Onirim, Digital rebranding 18. Studio Nicholson, Ecommerce 19. Studio Nicholson, SS21 Campaign 20. Ferragamo, Holiday campaign 21. Dunhill, Ecommerce 22. Dyptique, Editorial Platform 23. Nina Ricci, Collection Lumière 24. Lunch Money Life, EP © 2026 Studio AM",{"id":651,"height":13,"width":12,"blurhash":652},"f000e933-6026-4432-8b9b-3c555182c957","radial-gradient(at 0 0,#afaeaf,#00000000 50%),radial-gradient(at 33% 0,#bfbfba,#00000000 50%),radial-gradient(at 67% 0,#e6e7e7,#00000000 50%),radial-gradient(at 100% 0,#e9e3e1,#00000000 50%),radial-gradient(at 0 50%,#69545f,#00000000 50%),radial-gradient(at 33% 50%,#b6b6b0,#00000000 50%),radial-gradient(at 67% 50%,#dddbd6,#00000000 50%),radial-gradient(at 100% 50%,#d1cbc9,#00000000 50%),radial-gradient(at 0 100%,#a19591,#00000000 50%),radial-gradient(at 33% 100%,#cfcdc8,#00000000 50%),radial-gradient(at 67% 100%,#e3dfdc,#00000000 50%),radial-gradient(at 100% 100%,#dbd7d6,#00000000 50%)",{"id":654,"height":15,"width":14,"blurhash":73},"b80ba621-e191-458d-9807-9080fc05dd79",[656],{"directus_files_id":657},{"id":658},"dd7136e7-95de-4f79-9aa0-ce2d22ca06ef",[660],{"languages_code":433,"description":661},"Studio Aurélie Michaud is a high-end creative agency specializing in brand strategy, editorial content, and multi-media identity development. Drawing on deep expertise from the London and Paris markets, the studio serves a prestigious roster of luxury clients spanning fashion, horology, and spirits. The website functions as a sophisticated digital portfolio, emphasizing a curated selection of high-impact visual work that speaks to a global, luxury-oriented audience.\n\nThe visual identity is defined by a refined, minimalist aesthetic that prioritizes imagery and editorial layout. Through the use of ample white space, sophisticated typography, and a muted, tonal color palette, the design mirrors the elegance of the brands it represents. The composition is reminiscent of a high-fashion magazine, utilizing a grid-based approach to showcase diverse media—from photography to print—with an air of quiet confidence and understated luxury.","Agency & Studio",[30,26,34],[665,666],"Aurélie Michaud","Rive Studio",[352],[669],"Contentful",[671,672,673,674],{"score":415,"category":163},{"score":164,"category":166},{"score":170,"category":169},{"score":167,"category":172},[676,677,678,679],{"score":265,"category":163},{"score":164,"category":166},{"score":170,"category":169},{"score":167,"category":172},[182,190,186],"Website: Studio Aurélie Michaud. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Studio Aurélie Michaud. Page description: Led by Aurélie Michaud, Studio AM draws on 16 years of experience between London and Paris. We develop campaigns, brand strategies, editorial content, and identities across film, photography, print, and digital media. Clients include : Hermès, Miu Miu, Louis Vuitton, Gucci, Chloé, Diesel Ferragamo,  Diptyque, Vacheron Constantin, Dunhill, Moët Hennessy and Studio Nicholson. Portfolio available upon request.. Page content: SN-SS22-Men-C Studio Nicholson, SS23 ( i ) Buttner-4 Buttner, Ski ( i ) Hèrmes-Magazine-Covers-LR Le Monde d'Hermès, N⁰67 to N⁰73 ( i ) VC-5B Vacheron Constantin, Time is Art ( i ) SN-SS22W-7B Studio Nicholson, SS22 ( i ) StudioAM Hermès MDH71 AW17 Menswear 1 Hermès, AW17 Menswear ( i ) SarahBlais-Book-10 Sarah Blais, Prints catalogue N°1 ( i ) SN-Resort-22-Image 2 Studio Nicholson, Resort 22 ( i ) DBG-AW14-Campaign-1 Diesel Black Gold, AW15 Campaign ( i ) Onirim, Digital rebranding ( i ) MDH71 Factory-1 Hermès, Editorial ( i ) Hermès-Twilly-11 Hermès, Twilly fragrance ( i ) SN-PF21W-16 Studio Nicholson, PF21 ( i ) Diesel Black Gold, BTS ( i ) SN-AW21M-Single 7 Studio Nicholson, AW21 ( i ) Dunhill-AW15-Holiday-6 Dunhill, Holiday Campaign ( i ) Led by Aurélie Michaud, Studio AM draws on 16 years of experience between London and Paris. We develop campaigns, brand strategies, editorial content, and identities across film, photography, print, and digital media. Clients include : Hermès, Miu Miu, Louis Vuitton, Gucci, Chloé, Diesel Ferragamo, Diptyque, Vacheron Constantin, Dunhill, Moët Hennessy and Studio Nicholson. Portfolio available upon request. 1. Email 2. Instagram 1. All 2. Art direction 3. Print 4. Digital 5. Identity 6. Film 1. Studio Nicholson, SS23 2. Le Monde d'Hermès, N⁰67 to N⁰73 3. Vacheron Constantin, Time is Art 4. Buttner, Ski 5. Studio Nicholson, SS22 6. Diesel Black Gold, AW15 Campaign 7. Hermès, Editorial 8. Studio Nicholson, Resort 22 9. Sarah Blais, Prints catalogue N°1 10. Hermès, AW17 Menswear 11. Diesel Black Gold, BTS 12. Hermès, Twilly fragrance 13. Studio Nicholson, AW21 14. Dunhill, Holiday Campaign 15. Studio Nicholson, PF21 16. Girafe, Restaurant Palais de Chaillot 17. Onirim, Digital rebranding 18. Studio Nicholson, Ecommerce 19. Studio Nicholson, SS21 Campaign 20. Ferragamo, Holiday campaign 21. Dunhill, Ecommerce 22. Dyptique, Editorial Platform 23. Nina Ricci, Collection Lumière 24. Lunch Money Life, EP ( Back to top ) 1. All 2. Art direction 3. Print 4. Digital 5. Identity 6. Film 1. Studio Nicholson, SS23 2. Le Monde d'Hermès, N⁰67 to N⁰73 3. Vacheron Constantin, Time is Art 4. Buttner, Ski 5. Studio Nicholson, SS22 6. Diesel Black Gold, AW15 Campaign 7. Hermès, Editorial 8. Studio Nicholson, Resort 22 9. Sarah Blais, Prints catalogue N°1 10. Hermès, AW17 Menswear 11. Diesel Black Gold, BTS 12. Hermès, Twilly fragrance 13. Studio Nicholson, AW21 14. Dunhill, Holiday Campaign 15. Studio Nicholson, PF21 16. Girafe, Restaurant Palais de Chaillot 17. Onirim, Digital rebranding 18. Studio Nicholson, Ecommerce 19. Studio Nicholson, SS21 Campaign 20. Ferragamo, Holiday campaign 21. Dunhill, Ecommerce 22. Dyptique, Editorial Platform 23. Nina Ricci, Collection Lumière 24. Lunch Money Life, EP © 2026 Studio AM. A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Agency & Studio industry. Designed by Aurélie Michaud, developed by Rive Studio. The overall color palette features White, Black, Gray. The typography features Suisse Intl (Swiss Typefaces). Built using Contentful. AI description: Studio Aurélie Michaud is a high-end creative agency specializing in brand strategy, editorial content, and multi-media identity development. Drawing on deep expertise from the London and Paris markets, the studio serves a prestigious roster of luxury clients spanning fashion, horology, and spirits. The website functions as a sophisticated digital portfolio, emphasizing a curated selection of high-impact visual work that speaks to a global, luxury-oriented audience. The visual identity is defined by a refined, minimalist aesthetic that prioritizes imagery and editorial layout. Through the use of ample white space, sophisticated typography, and a muted, tonal color palette, the design mirrors the elegance of the brands it represents. The composition is reminiscent of a high-fashion magazine, utilizing a grid-based approach to showcase diverse media—from photography to print—with an air of quiet confidence and understated luxury."]