[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-rachel-chen":3,"facets-{\"includeAuthors\":\"false\"}":137,"facets-baseline-false":301,"similar-websites-rachel-chen":334},{"id":4,"name":5,"slug":6,"url":7,"dateUpdated":8,"fetchedAt":9,"coverId":10,"coverMobileId":11,"coverWidth":12,"coverHeight":13,"coverMobileWidth":14,"coverMobileHeight":15,"descriptionEn":16,"seoMeta":17,"industry":20,"styles":24,"credits":33,"pages":38,"typefaces":50,"technologiesByCategory":65,"pagespeedDesktop":82,"pagespeedMobile":95,"performanceDesktop":85,"performanceMobile":97,"colorBuckets":101,"colorPalette":118},"f2891b99-db9b-431b-80b7-926ec70c91f8","Rachel Chen","rachel-chen","https:\u002F\u002Frachelchen.tech","2026-05-23T19:26:19.000Z","2026-05-04T09:40:49.000Z","6af13aff-ed80-4337-beab-c229b732e914","63bc2a85-5a4c-47dd-834e-305013404c3e",1440,900,780,1688,"Rachel Chen’s personal portfolio is a masterclass in sophisticated minimalism, designed to showcase the unique intersection of product design and engineering. The site serves as a high-impact digital resume, presenting a chronological professional history that highlights her experience at industry leaders like Bloomberg and Royal Bank of Canada. The layout is airy and spacious, utilizing a generous amount of white space to allow the bold, serif typography to command attention.\n\nThe visual identity is defined by a refined, editorial aesthetic that balances technical precision with artistic flair. Large-scale, expressive typography is paired with soft, ethereal gradient imagery, creating a sense of modern elegance. This design choice positions Rachel not just as a technical practitioner, but as a thoughtful designer capable of blending functional engineering with high-end visual storytelling, making it highly appealing to tech recruiters and design leads at top-tier firms.",{"title":18,"meta_description":19},"Rachel Chen | Product Designer + Engineer Portfolio","Explore the portfolio of Rachel Chen, a product designer and engineer specializing in bringing ideas to life through design and code.",{"name":21,"label":22,"slug":23},"Technology & Hardware","Technology","technology",[25,29],{"name":26,"label":27,"slug":28},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":30,"label":31,"slug":32},"Typographic \u002F Big Type","Typographic","typographic",[34],{"author":35,"roles":36},{"name":5,"label":5,"slug":6},[37],"designer",[39],{"name":40,"title":41,"description":42,"url":43,"coverId":10,"coverMobileId":11,"alt":44,"altMobile":45,"pageType":46},"Homepage","Rachel Chen | Product Designer + Engineer","I'm Rachel, a product builder who loves bringing ideas to life with design + code.","https:\u002F\u002Frachelchen.tech\u002F","A minimalist personal portfolio website with a clean white background and black typography. The desktop layout features a large headline on the left and a chronological list of professional experience on the right, followed by a grid of project cards with large, colorful gradient preview images.","The mobile version uses a single-column vertical layout optimized for scrolling. The headline and professional experience list are stacked vertically at the top, followed by project cards that span the width of the screen.",{"name":47,"label":48,"slug":49},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[51,55,58,61],{"name":52,"label":52,"slug":53,"foundryName":54},"Arial","arial",null,{"name":56,"label":56,"slug":57,"foundryName":54},"Geist","geist",{"name":59,"label":59,"slug":60,"foundryName":54},"Geist Mono","geist-mono",{"name":62,"label":62,"slug":63,"foundryName":64},"Tiempos","tiempos","Klim Type",{"Security":66,"CDN":70,"PaaS":74,"Analytics":78},[67],{"name":68,"label":68,"slug":69},"HSTS","hsts",[71],{"name":72,"label":72,"slug":73},"jsDelivr","jsdelivr",[75],{"name":76,"label":76,"slug":77},"Vercel","vercel",[79],{"name":80,"label":80,"slug":81},"Vercel Analytics","vercel-analytics",[83,86,89,92],{"category":84,"score":85},"performance",98,{"category":87,"score":88},"accessibility",94,{"category":90,"score":91},"best-practices",96,{"category":93,"score":94},"seo",100,[96,98,99,100],{"category":84,"score":97},78,{"category":87,"score":88},{"category":90,"score":91},{"category":93,"score":94},[102,106,110,114],{"value":103,"label":104,"hex":105},"white","White","#ffffff",{"value":107,"label":108,"hex":109},"brown","Brown","#7b3306",{"value":111,"label":112,"hex":113},"gray","Gray","#737373",{"value":115,"label":116,"hex":117},"pink","Pink","#f7339a",[119,122,125,128,131,134],{"hex":120,"percent":121},"#FAFBFD",0.6066,{"hex":123,"percent":124},"#E8E5F3",0.166,{"hex":126,"percent":127},"#E3915A",0.1183,{"hex":129,"percent":130},"#BEA7C3",0.0547,{"hex":132,"percent":133},"#DF9C94",0.04,{"hex":135,"percent":136},"#464F5E",0.0143,{"facetDistribution":138,"facetLabels":216},{"industry":139,"styles":159,"technologies":174,"font_families":200,"page_type_name":214},{"Agency & Studio":140,"Art & Culture":141,"SaaS & Software":142,"Fashion & Apparel":143,"Architecture & Real Estate":144,"Entertainment & Media":145,"Food & Beverage":146,"Photography & Video":147,"Finance & Fintech":148,"Healthcare & Wellness":149,"Technology & Hardware":150,"Industrial & Manufacturing":151,"Beauty & Cosmetics":152,"Travel & Hospitality":153,"Non-Profit & Charity":154,"Education & Courses":155,"Crypto & Web3":156,"Sports & Fitness":157,"Automotive & Transportation":158},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":160,"Typographic \u002F Big Type":161,"High-End \u002F Luxury":162,"Dark Mode":163,"Vibrant \u002F Colorful":164,"Monochrome \u002F Grayscale":165,"Fun \u002F Playful":166,"Brutalist \u002F Neo-Brutalist":167,"Corporate \u002F Professional":168,"Illustrative \u002F Hand-drawn":169,"Futuristic \u002F Sci-Fi":170,"3D \u002F Spatial":171,"Retro \u002F Vintage \u002F Y2K":172,"Glassmorphism":173,"Bento Grid":173},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":175,"PHP":176,"WordPress":177,"Node.js":178,"React":179,"Vercel":180,"Vue.js":181,"Shopify":182,"Next.js":183,"Klaviyo":184,"Nuxt.js":185,"Typekit":186,"Amazon Web Services":187,"reCAPTCHA":188,"YouTube":189,"MailChimp":190,"Modernizr":191,"Bootstrap":192,"Slick":193,"Google Font API":194,"Craft CMS":195,"Framer Sites":196,"Contact Form 7":197,"Stimulus":198,"Google Maps":199},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":201,"Times New Roman":202,"Roboto":203,"Open Sans":204,"Neue Haas Grotesk":204,"Suisse Intl":205,"Arial":170,"Poppins":195,"Helvetica Neue":197,"Montserrat":206,"Diatype":171,"Neue Montreal":150,"Lato":151,"Graphik":207,"Source Sans":208,"Monument Grotesk":209,"Noto Sans":210,"Helvetica":211,"Söhne":212,"DM Sans":212,"Founders Grotesk":212,"GT America":213,"Google Sans":213,"Editorial":172,"IBM Plex Mono":155},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":215},2397,{"industry":217,"styles":236,"page_type_name":250,"technologies":251,"font_families":276},{"Agency & Studio":218,"Art & Culture":219,"SaaS & Software":220,"Fashion & Apparel":221,"Architecture & Real Estate":222,"Entertainment & Media":223,"Food & Beverage":224,"Photography & Video":225,"Finance & Fintech":226,"Healthcare & Wellness":227,"Technology & Hardware":22,"Industrial & Manufacturing":228,"Beauty & Cosmetics":229,"Travel & Hospitality":230,"Non-Profit & Charity":231,"Education & Courses":232,"Crypto & Web3":233,"Sports & Fitness":234,"Automotive & Transportation":235},"Agencies","Art and Culture","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":27,"Typographic \u002F Big Type":31,"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":249},"Luxury","Dark Mode","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":48},{"jQuery":252,"PHP":253,"WordPress":254,"Node.js":255,"React":256,"Vercel":76,"Vue.js":257,"Shopify":258,"Next.js":259,"Klaviyo":260,"Nuxt.js":261,"Typekit":262,"Amazon Web Services":263,"reCAPTCHA":264,"YouTube":265,"MailChimp":266,"Modernizr":267,"Bootstrap":268,"Slick":269,"Google Font API":270,"Craft CMS":271,"Framer Sites":272,"Contact Form 7":273,"Stimulus":274,"Google Maps":275},"jQuery","PHP","WordPress","Node.js","React","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":277,"Times New Roman":278,"Roboto":279,"Open Sans":280,"Neue Haas Grotesk":281,"Suisse Intl":282,"Arial":52,"Poppins":283,"Helvetica Neue":284,"Montserrat":285,"Diatype":286,"Neue Montreal":287,"Lato":288,"Graphik":289,"Source Sans":290,"Monument Grotesk":291,"Noto Sans":292,"Helvetica":293,"Söhne":294,"DM Sans":295,"Founders Grotesk":296,"GT America":297,"Google Sans":298,"Editorial":299,"IBM Plex Mono":300},"Inter","Times New Roman","Roboto","Open Sans","Neue Haas Grotesk","Suisse Intl","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":302,"facetLabels":318},{"industry":303,"styles":304,"technologies":305,"font_families":306,"page_type_name":307},{"Agency & Studio":140,"Art & Culture":141,"SaaS & Software":142,"Fashion & Apparel":143,"Architecture & Real Estate":144,"Entertainment & Media":145,"Food & Beverage":146,"Photography & Video":147,"Finance & Fintech":148,"Healthcare & Wellness":149,"Technology & Hardware":150,"Industrial & Manufacturing":151,"Beauty & Cosmetics":152,"Travel & Hospitality":153,"Non-Profit & Charity":154,"Education & Courses":155,"Crypto & Web3":156,"Sports & Fitness":157,"Automotive & Transportation":158},{"Clean \u002F Minimalist":160,"Typographic \u002F Big Type":161,"High-End \u002F Luxury":162,"Dark Mode":163,"Vibrant \u002F Colorful":164,"Monochrome \u002F Grayscale":165,"Fun \u002F Playful":166,"Brutalist \u002F Neo-Brutalist":167,"Corporate \u002F Professional":168,"Illustrative \u002F Hand-drawn":169,"Futuristic \u002F Sci-Fi":170,"3D \u002F Spatial":171,"Retro \u002F Vintage \u002F Y2K":172,"Glassmorphism":173,"Bento Grid":173},{"jQuery":175,"PHP":176,"WordPress":177,"Node.js":178,"React":179,"Vercel":180,"Vue.js":181,"Shopify":182,"Next.js":183,"Klaviyo":184,"Nuxt.js":185,"Typekit":186,"Amazon Web Services":187,"reCAPTCHA":188,"YouTube":189,"MailChimp":190,"Modernizr":191,"Bootstrap":192,"Slick":193,"Google Font API":194,"Craft CMS":195,"Framer Sites":196,"Contact Form 7":197,"Stimulus":198,"Google Maps":199},{"Inter":201,"Times New Roman":202,"Roboto":203,"Open Sans":204,"Neue Haas Grotesk":204,"Suisse Intl":205,"Arial":170,"Poppins":195,"Helvetica Neue":197,"Montserrat":206,"Diatype":171,"Neue Montreal":150,"Lato":151,"Graphik":207,"Source Sans":208,"Monument Grotesk":209,"Noto Sans":210,"Helvetica":211,"Söhne":212,"DM Sans":212,"Founders Grotesk":212,"GT America":213,"Google Sans":213,"Editorial":172,"IBM Plex Mono":155},{"Home \u002F Landing Page":308,"About Us \u002F Team":309,"Projects \u002F Portfolio":310,"Contact Us":311,"Blog \u002F Article Layout":312,"Services \u002F Features":313,"Shop \u002F Catalog":314,"Careers \u002F Jobs":315,"Pricing Page":149,"Sign Up \u002F Login":316,"404 Error Page":317},2401,774,527,418,378,341,299,89,27,9,{"industry":319,"styles":320,"page_type_name":321,"technologies":332,"font_families":333},{"Agency & Studio":218,"Art & Culture":219,"SaaS & Software":220,"Fashion & Apparel":221,"Architecture & Real Estate":222,"Entertainment & Media":223,"Food & Beverage":224,"Photography & Video":225,"Finance & Fintech":226,"Healthcare & Wellness":227,"Technology & Hardware":22,"Industrial & Manufacturing":228,"Beauty & Cosmetics":229,"Travel & Hospitality":230,"Non-Profit & Charity":231,"Education & Courses":232,"Crypto & Web3":233,"Sports & Fitness":234,"Automotive & Transportation":235},{"Clean \u002F Minimalist":27,"Typographic \u002F Big Type":31,"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":249},{"Home \u002F Landing Page":48,"About Us \u002F Team":322,"Projects \u002F Portfolio":323,"Contact Us":324,"Blog \u002F Article Layout":325,"Services \u002F Features":326,"Shop \u002F Catalog":327,"Careers \u002F Jobs":328,"Pricing Page":329,"Sign Up \u002F Login":330,"404 Error Page":331},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":252,"PHP":253,"WordPress":254,"Node.js":255,"React":256,"Vercel":76,"Vue.js":257,"Shopify":258,"Next.js":259,"Klaviyo":260,"Nuxt.js":261,"Typekit":262,"Amazon Web Services":263,"reCAPTCHA":264,"YouTube":265,"MailChimp":266,"Modernizr":267,"Bootstrap":268,"Slick":269,"Google Font API":270,"Craft CMS":271,"Framer Sites":272,"Contact Form 7":273,"Stimulus":274,"Google Maps":275},{"Inter":277,"Times New Roman":278,"Roboto":279,"Open Sans":280,"Neue Haas Grotesk":281,"Suisse Intl":282,"Arial":52,"Poppins":283,"Helvetica Neue":284,"Montserrat":285,"Diatype":286,"Neue Montreal":287,"Lato":288,"Graphik":289,"Source Sans":290,"Monument Grotesk":291,"Noto Sans":292,"Helvetica":293,"Söhne":294,"DM Sans":295,"Founders Grotesk":296,"GT America":297,"Google Sans":298,"Editorial":299,"IBM Plex Mono":300},{"hits":335},[336,479,558,655],{"id":337,"website_id":338,"page_id":337,"name":339,"slug":340,"url":341,"website_name":339,"website_slug":340,"website_url":342,"result_url":341,"fetched_at":343,"score":344,"score_boost":345,"ai_score":346,"freshness_score":347,"scored_at":348,"page_name":40,"page_url":341,"page_title":349,"page_description":350,"page_content":351,"page_sort":345,"is_home":352,"is_home_rank":353,"page_type_id":354,"page_type_name":47,"cover":355,"cover_mobile":358,"cover_sequence":360,"translations":451,"industry":455,"styles":456,"credits":459,"font_families":460,"technologies":463,"pagespeed":464,"pagespeed_mobile":470,"buckets":476,"search_payload":478},"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,0,86,74,"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",true,1,"1",{"id":356,"height":13,"width":12,"blurhash":357},"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":359,"height":15,"width":14,"blurhash":54},"9fe52512-6c97-4aa4-8043-8dce8f89cb5c",[361,364,367,370,373,376,379,382,385,388,391,394,397,400,403,406,409,412,415,418,421,424,427,430,433,436,439,442,445,448],{"directus_files_id":362},{"id":363},"2b8e3f93-05d0-4f7d-9013-d37f82386019",{"directus_files_id":365},{"id":366},"21901556-cf1e-479a-a089-077e098687f9",{"directus_files_id":368},{"id":369},"00f1af3b-0685-4a22-9826-612b351fcc88",{"directus_files_id":371},{"id":372},"4609e6f8-3413-42a8-94da-6bbfc8e14016",{"directus_files_id":374},{"id":375},"c75f5ad9-53a3-4e5c-82d3-fde33ef79fd8",{"directus_files_id":377},{"id":378},"67604c5b-25b6-46d2-8eff-385085664b2e",{"directus_files_id":380},{"id":381},"35a07690-f3fa-40e7-8bdf-8e711450b225",{"directus_files_id":383},{"id":384},"0ae58c99-be8f-4150-a17e-40bd3bb406b4",{"directus_files_id":386},{"id":387},"1db63e9b-6634-4332-aa22-7b5714d614c3",{"directus_files_id":389},{"id":390},"83efe688-fb89-4702-9e4e-0d40a1c097f3",{"directus_files_id":392},{"id":393},"756fb3cf-c109-427f-ab4f-158bbf7188f1",{"directus_files_id":395},{"id":396},"faa9ef3d-c5e5-41ef-b761-fdccd8a33d5f",{"directus_files_id":398},{"id":399},"b97448e6-1e22-4693-a607-3808bf87bdfa",{"directus_files_id":401},{"id":402},"84d4d919-5d70-49b3-9e5e-23bb17bbb998",{"directus_files_id":404},{"id":405},"7076c703-049d-4bc7-a93a-43142ef18394",{"directus_files_id":407},{"id":408},"8e6a069b-8392-4b12-b4a0-39bbd380485e",{"directus_files_id":410},{"id":411},"785e495e-5470-4dfa-a423-54a92c454318",{"directus_files_id":413},{"id":414},"ed8f6eef-a42d-437e-bec8-6a55052933b3",{"directus_files_id":416},{"id":417},"ea997e64-5089-4a95-a57b-93b835d2bf86",{"directus_files_id":419},{"id":420},"7ade5a39-aff6-462e-8e51-83ae6bdb0d0e",{"directus_files_id":422},{"id":423},"1aeea83c-4ad2-4f2b-be01-fa5e47114f9a",{"directus_files_id":425},{"id":426},"bd37e392-2832-49b2-846d-a47ce4aafef6",{"directus_files_id":428},{"id":429},"3c652da7-ae72-4a44-a2eb-16db865b0b0e",{"directus_files_id":431},{"id":432},"a2bdc51f-1cc1-4ef1-be3b-4ed845cf0827",{"directus_files_id":434},{"id":435},"15f76fd3-e63b-4557-95ce-11e2a1b275ac",{"directus_files_id":437},{"id":438},"158fa327-05a1-497f-9406-88316cf6158c",{"directus_files_id":440},{"id":441},"4a5808e2-d5ce-4ce4-bba4-c15abf6ff3cf",{"directus_files_id":443},{"id":444},"6e6eed7b-2767-426b-814a-84070312df5d",{"directus_files_id":446},{"id":447},"4672e837-4dc9-4586-a309-9ffcd48f1c2b",{"directus_files_id":449},{"id":450},"6ad9b25d-d9cd-4c59-8607-1ad2911dafdb",[452],{"languages_code":453,"description":454},"en","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",[457,26,458],"3D \u002F Spatial","Fun \u002F Playful",[],[461,56,59,282,462],"Untitled Sans","Instrument Sans",[262,76],[465,466,468,469],{"score":88,"category":84},{"score":467,"category":87},75,{"score":91,"category":90},{"score":94,"category":93},[471,472,474,475],{"score":193,"category":84},{"score":473,"category":87},72,{"score":91,"category":90},{"score":94,"category":93},[103,107,111,477],"black","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":480,"website_id":481,"page_id":480,"name":482,"slug":483,"url":484,"website_name":482,"website_slug":483,"website_url":485,"result_url":484,"fetched_at":486,"score":344,"score_boost":345,"ai_score":346,"freshness_score":148,"scored_at":487,"page_name":40,"page_url":484,"page_title":488,"page_description":489,"page_content":490,"page_sort":345,"is_home":352,"is_home_rank":353,"page_type_id":354,"page_type_name":47,"cover":491,"cover_mobile":494,"cover_sequence":496,"translations":539,"industry":455,"styles":542,"credits":543,"font_families":544,"technologies":545,"pagespeed":546,"pagespeed_mobile":551,"buckets":556,"search_payload":557},"961047c2-bc2f-497d-979b-37995f723e74","db5e7564-54d9-41af-85fe-b1abf7896442","Haley Park","haley-park","https:\u002F\u002Fhaleys.design\u002F","https:\u002F\u002Fhaleys.design","2026-05-05T15:11:32.000Z","2026-05-23T19:36:45.000Z","Haley Park | Software Designer","Software design, prototyping, & assorted tomfoolery.","Software design Haley Park Assorted tomfoolery Software design & assorted tomfoolery _Work projects_ [ Alexa Plus 2024 - 2025](..\u002Flive-notes) [ Autonomy Branding 2024 - 2025](..\u002Fautonomy) [ Adept 2024](..\u002Fadept) [ Projects at Square 2021 - 2024](..\u002Fsquare) [ Designing Delphia 2020 - 2021](..\u002Fdelphia) [ Redesigning Pinch 2019](..\u002Fpinch) _Lil projects_ iOS Flashchords 2024 3D Nature Physics Cover Art 2022 3D Diamond Dogs 2022 3D The Green Knight Poster 2022 FigJam plugin Search Stickies 2022 Figma plugin Colorvalue 2022 Game dev Vapor Vaders 2020 Game dev Pong 2020 Branding Danse Macabre 2018 Game dev Labors of Hercules 2020 iOS René 2019 Collage Requiem 2018 Motion Yippie Ki-Yay 2017",{"id":492,"height":13,"width":12,"blurhash":493},"be6275d6-ad84-4efc-aab8-178525d2b1aa","radial-gradient(at 0 0,#0f3b2f,#00000000 50%),radial-gradient(at 33% 0,#1b3e33,#00000000 50%),radial-gradient(at 67% 0,#224037,#00000000 50%),radial-gradient(at 100% 0,#1a3d33,#00000000 50%),radial-gradient(at 0 50%,#12392f,#00000000 50%),radial-gradient(at 33% 50%,#234136,#00000000 50%),radial-gradient(at 67% 50%,#2c463c,#00000000 50%),radial-gradient(at 100% 50%,#214036,#00000000 50%),radial-gradient(at 0 100%,#173d31,#00000000 50%),radial-gradient(at 33% 100%,#1a3d33,#00000000 50%),radial-gradient(at 67% 100%,#193c33,#00000000 50%),radial-gradient(at 100% 100%,#173c32,#00000000 50%)",{"id":495,"height":15,"width":14,"blurhash":54},"201b80e2-11e8-45bf-954a-e1d18c5c9d55",[497,500,503,506,509,512,515,518,521,524,527,530,533,536],{"directus_files_id":498},{"id":499},"60cbe945-00ce-4e9d-b29c-97279f1ad2b7",{"directus_files_id":501},{"id":502},"b0bdfc2e-7245-46a8-8468-9b74e191db36",{"directus_files_id":504},{"id":505},"11e4362e-b94c-40e2-8a78-48b0f8ef2e84",{"directus_files_id":507},{"id":508},"fbe12648-60d0-46e0-a59a-23bb6e5696cd",{"directus_files_id":510},{"id":511},"7b9ada5a-b985-4d85-a1a3-adb8ba10015b",{"directus_files_id":513},{"id":514},"894eabac-863d-47b1-800c-62665808125f",{"directus_files_id":516},{"id":517},"b4f5094c-93b2-494a-b779-2b24c7b2550d",{"directus_files_id":519},{"id":520},"cd60a5df-219d-452e-9bcc-ad81c63ae876",{"directus_files_id":522},{"id":523},"6801f62e-4040-4212-8e34-f796973e9da7",{"directus_files_id":525},{"id":526},"4005625c-3fa2-4f2b-a0a5-f31f87a1a894",{"directus_files_id":528},{"id":529},"1f9b058e-05ef-45d5-8679-210b227fa18d",{"directus_files_id":531},{"id":532},"bd12988a-9e50-4a39-b88e-4a0f3b1cc4af",{"directus_files_id":534},{"id":535},"dc32b242-da77-441f-91e8-44366d38cd3c",{"directus_files_id":537},{"id":538},"61d88b1f-5d16-41e7-bc9e-875511242f5a",[540],{"languages_code":453,"description":541},"Haley Park is a highly stylized personal portfolio website for a software designer, blending technical expertise with a whimsical, almost mystical aesthetic. The site serves as a curated showcase of professional software design work alongside more experimental 'lil projects,' positioning the designer as a versatile creative capable of both rigorous product design and artistic exploration.\n\nThe visual identity is deeply atmospheric, utilizing a dark, forest-green palette paired with elegant, gothic-inspired serif typography. Ornate, architectural line art reminiscent of stained glass or cathedral motifs provides a sophisticated backdrop, creating a unique 'dark academia' or neo-gothic vibe that stands in stark contrast to the typical sterile minimalism of the tech industry. This design choice targets forward-thinking tech companies and creative studios looking for designers with a strong, distinct personality.",[26,238,30],[482],[299],[262,76],[547,548,549,550],{"score":346,"category":84},{"score":190,"category":87},{"score":91,"category":90},{"score":94,"category":93},[552,553,554,555],{"score":198,"category":84},{"score":190,"category":87},{"score":91,"category":90},{"score":94,"category":93},[477,111,103],"Website: Haley Park. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Haley Park | Software Designer. Page description: Software design, prototyping, & assorted tomfoolery.. Page content: Software design Haley Park Assorted tomfoolery Software design & assorted tomfoolery _Work projects_ [ Alexa Plus 2024 - 2025](..\u002Flive-notes) [ Autonomy Branding 2024 - 2025](..\u002Fautonomy) [ Adept 2024](..\u002Fadept) [ Projects at Square 2021 - 2024](..\u002Fsquare) [ Designing Delphia 2020 - 2021](..\u002Fdelphia) [ Redesigning Pinch 2019](..\u002Fpinch) _Lil projects_ iOS Flashchords 2024 3D Nature Physics Cover Art 2022 3D Diamond Dogs 2022 3D The Green Knight Poster 2022 FigJam plugin Search Stickies 2022 Figma plugin Colorvalue 2022 Game dev Vapor Vaders 2020 Game dev Pong 2020 Branding Danse Macabre 2018 Game dev Labors of Hercules 2020 iOS René 2019 Collage Requiem 2018 Motion Yippie Ki-Yay 2017. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the SaaS & Software industry. Designed by Haley Park. The overall color palette features Black, Gray, White. The typography features Editorial (Pangram Pangram). Built using Typekit, Vercel. AI description: Haley Park is a highly stylized personal portfolio website for a software designer, blending technical expertise with a whimsical, almost mystical aesthetic. The site serves as a curated showcase of professional software design work alongside more experimental 'lil projects,' positioning the designer as a versatile creative capable of both rigorous product design and artistic exploration. The visual identity is deeply atmospheric, utilizing a dark, forest-green palette paired with elegant, gothic-inspired serif typography. Ornate, architectural line art reminiscent of stained glass or cathedral motifs provides a sophisticated backdrop, creating a unique 'dark academia' or neo-gothic vibe that stands in stark contrast to the typical sterile minimalism of the tech industry. This design choice targets forward-thinking tech companies and creative studios looking for designers with a strong, distinct personality.",{"id":559,"website_id":560,"page_id":559,"name":561,"slug":562,"url":563,"website_name":561,"website_slug":562,"website_url":564,"result_url":563,"fetched_at":565,"score":346,"score_boost":345,"ai_score":204,"freshness_score":566,"scored_at":567,"page_name":40,"page_url":563,"page_title":568,"page_description":569,"page_content":570,"page_sort":345,"is_home":352,"is_home_rank":353,"page_type_id":354,"page_type_name":47,"cover":571,"cover_mobile":574,"cover_sequence":576,"translations":643,"industry":455,"styles":646,"credits":649,"font_families":650,"technologies":651,"pagespeed":54,"pagespeed_mobile":54,"buckets":653,"search_payload":654},"a1d5e24b-bd00-46e3-a719-aeeb781d388a","ff636e1f-33fb-4670-a2e4-e62dda00ad26","Open AI","open-ai","https:\u002F\u002Fopenai.com\u002F","https:\u002F\u002Fopenai.com","2026-05-01T08:21:45.000Z",71,"2026-05-23T19:35:35.000Z","OpenAI | OpenAI","We believe our research will eventually lead to artificial general intelligence, a system that can solve human-level problems. Building safe and beneficial AGI is our mission.","",{"id":572,"height":13,"width":12,"blurhash":573},"b5c46c94-2642-46cc-9060-0b164554d029","radial-gradient(at 0 0,#ffffff,#00000000 50%),radial-gradient(at 33% 0,#fdfdfd,#00000000 50%),radial-gradient(at 67% 0,#ffffff,#00000000 50%),radial-gradient(at 100% 0,#fdfdfd,#00000000 50%),radial-gradient(at 0 50%,#ffffff,#00000000 50%),radial-gradient(at 33% 50%,#fdfdfd,#00000000 50%),radial-gradient(at 67% 50%,#fcfcfc,#00000000 50%),radial-gradient(at 100% 50%,#fefefe,#00000000 50%),radial-gradient(at 0 100%,#ffffff,#00000000 50%),radial-gradient(at 33% 100%,#fdfdfd,#00000000 50%),radial-gradient(at 67% 100%,#fcfcfc,#00000000 50%),radial-gradient(at 100% 100%,#fdfdfd,#00000000 50%)",{"id":575,"height":15,"width":14,"blurhash":54},"04ae6df5-33f5-41fa-b8c4-8b7ab8aba482",[577,580,583,586,589,592,595,598,601,604,607,610,613,616,619,622,625,628,631,634,637,640],{"directus_files_id":578},{"id":579},"dcebcc9e-b53c-4a1c-8fa7-60b18674605a",{"directus_files_id":581},{"id":582},"ef2c3fca-576c-49ea-96ec-a57c2ceb2158",{"directus_files_id":584},{"id":585},"360c4f43-20bb-4c62-9951-48ef4e168d37",{"directus_files_id":587},{"id":588},"6e74a743-e905-4ea0-9975-7d27e8dcfa3f",{"directus_files_id":590},{"id":591},"f3805159-f859-4f87-a4af-652ccf9648a2",{"directus_files_id":593},{"id":594},"7893cb1e-4444-49c5-b683-0b95be008e25",{"directus_files_id":596},{"id":597},"525ba6e7-69c3-4bd3-8c6b-da6bfb8e3b92",{"directus_files_id":599},{"id":600},"f28d7cdd-0424-4756-a84d-fe9a971677e9",{"directus_files_id":602},{"id":603},"15629ea6-c972-4886-97ef-df18847651bb",{"directus_files_id":605},{"id":606},"89d8ea48-e3fe-4ff7-b664-b577a773461f",{"directus_files_id":608},{"id":609},"aea62dc7-c7ec-47ba-99b5-01bd37e482d7",{"directus_files_id":611},{"id":612},"77a95470-ab05-41a9-b046-c00286fbef35",{"directus_files_id":614},{"id":615},"709a7387-4df3-44a8-96c3-e4a37eb580ee",{"directus_files_id":617},{"id":618},"8b3f75f1-b775-4efa-bed1-8e746a9adde6",{"directus_files_id":620},{"id":621},"bc822a95-8d31-40bd-9d80-b927f8e6d1b4",{"directus_files_id":623},{"id":624},"7995ed29-95c4-46a6-b39c-4a97ebb31a4b",{"directus_files_id":626},{"id":627},"0f8a629a-02d2-43b1-aee0-d037efa21e74",{"directus_files_id":629},{"id":630},"320c2e67-c1c0-4db0-9bf1-25aba2634efc",{"directus_files_id":632},{"id":633},"9002e46c-ca0f-4ea9-b4ff-d55f7577c499",{"directus_files_id":635},{"id":636},"36a76fc7-c769-4c1e-bdd2-2c2e10e26202",{"directus_files_id":638},{"id":639},"61b41a59-4f8e-45c9-a107-25c6c94096f6",{"directus_files_id":641},{"id":642},"180f08a4-a5bb-4cd0-87db-b40ee1f65a78",[644],{"languages_code":453,"description":645},"OpenAI’s digital presence is a masterclass in high-utility minimalism, designed to position the company at the vanguard of the artificial intelligence revolution. The interface prioritizes clarity and immediate interaction, utilizing vast amounts of whitespace to direct focus toward its core conversational interface. By stripping away visual noise, the design mirrors the intelligence of its underlying models: efficient, direct, and profoundly capable. It serves a diverse audience ranging from individual curious minds to enterprise developers and researchers, providing a seamless gateway to cutting-edge AGI research and deployment.\n\nThe visual identity is defined by a sophisticated, monochromatic palette and a rigorous typographic hierarchy that exudes authority and modernism. The use of soft-edged containers and subtle, pill-shaped buttons creates a friendly yet professional user experience, balancing the complexity of the technology with an approachable aesthetic. This 'less is more' philosophy ensures that the brand feels both futuristic and grounded, establishing OpenAI not just as a software provider, but as a foundational pillar of the next technological era.",[26,647,648],"Corporate \u002F Professional","Monochrome \u002F Grayscale",[],[],[652,259,255,256,76],"Contentful",[103,111,477],"Website: Open AI. Page: Homepage. Page type: Home \u002F Landing Page. Page title: OpenAI | OpenAI. Page description: We believe our research will eventually lead to artificial general intelligence, a system that can solve human-level problems. Building safe and beneficial AGI is our mission.. A Clean \u002F Minimalist, Corporate \u002F Professional, Monochrome \u002F Grayscale website in the SaaS & Software industry. The overall color palette features White, Gray, Black. Built using Contentful, Next.js, Node.js, React, Vercel. AI description: OpenAI’s digital presence is a masterclass in high-utility minimalism, designed to position the company at the vanguard of the artificial intelligence revolution. The interface prioritizes clarity and immediate interaction, utilizing vast amounts of whitespace to direct focus toward its core conversational interface. By stripping away visual noise, the design mirrors the intelligence of its underlying models: efficient, direct, and profoundly capable. It serves a diverse audience ranging from individual curious minds to enterprise developers and researchers, providing a seamless gateway to cutting-edge AGI research and deployment. The visual identity is defined by a sophisticated, monochromatic palette and a rigorous typographic hierarchy that exudes authority and modernism. The use of soft-edged containers and subtle, pill-shaped buttons creates a friendly yet professional user experience, balancing the complexity of the technology with an approachable aesthetic. This 'less is more' philosophy ensures that the brand feels both futuristic and grounded, establishing OpenAI not just as a software provider, but as a foundational pillar of the next technological era.",{"id":656,"website_id":657,"page_id":656,"name":658,"slug":659,"url":660,"website_name":658,"website_slug":659,"website_url":661,"result_url":660,"fetched_at":662,"score":205,"score_boost":345,"ai_score":169,"freshness_score":663,"scored_at":664,"page_name":40,"page_url":660,"page_title":665,"page_description":666,"page_content":667,"page_sort":345,"is_home":352,"is_home_rank":353,"page_type_id":354,"page_type_name":47,"cover":668,"cover_mobile":671,"cover_sequence":673,"translations":716,"industry":455,"styles":719,"credits":720,"font_families":721,"technologies":724,"pagespeed":725,"pagespeed_mobile":731,"buckets":736,"search_payload":738},"6631e6e2-7b08-4fa8-aaca-a4a32ceb3771","dc6bb9ec-308a-4e78-ac14-c9c72aab8067","Julie Chabin","julie-chabin","https:\u002F\u002Fjulie.design\u002F","https:\u002F\u002Fjulie.design","2026-05-24T20:08:32.000Z",1779653312,"2026-05-24T20:59:01.000Z","Julie Chabin — Product Designer & Early-Stage Partner","Product designer helping early-stage startups launch smarter. Branding, product, and tools—with a clear, fast, no-fluff approach.","- Home - Now - About me - Say hi Julie Chabin One head, several hats. Mostly design. I help turn ideas into real, thoughtful products—easy to use, hard to ignore, and ready to grow. Previously, I led design at Product Hunt. I created a strong user experience and brand, shaped strategy, and scaled design with a small, fast-moving remote team. Now I work with founders to build their product's first version, raise funds, and get noticed. I also vibe code my own tools. It starts with curiosity, and always ends in learning. Say hi Gallery image 01 Gallery image 02 Gallery image 03 Gallery image 04 Gallery image 05 Gallery image 06 Gallery image 07 Gallery image 08 Gallery image 09 Gallery image 01 Gallery image 02 Gallery image 03 Gallery image 04 Gallery image 05 Gallery image 06 Gallery image 07 Gallery image 08 Gallery image 09 Teams I've collaborated with AngelList Product Hunt GitBook DeezerYubo API Video \u002F Work principles Design is understanding Good design makes hard things feel simple. It's informed, intentional, and grounded in real insight. Product is never done The job doesn't end on launch day. It's a cycle of testing, learning, and continuous improvement. \"Lazy\" is a short way to say efficient If there's a faster, smarter way to get great results, take it. Outcomes matter more than process. Strategy is early pattern recognition Look three years ahead. Spot patterns, map systems, and sequence work with intent. \u002F Now [ All the names, all the hats Early-stage startups don’t need people who blindly follow the lead. They don’t even need the smartest people. They need people who give a damn so muc... Now 10mo ago ](\u002Fnow#all-the-names-all-the-hats)[ CSS Dynamic Gradient Floating Menu How I built a scroll-responsive navigation with CSS and React (and survived production) I recently implemented a floating navigation menu with a dynam... Now 11mo ago ](\u002Fnow#null)[ Design systems at the wrong time are a trap Why early-stage startups should focus on shipping, not systematizing The past few months, I’ve helped a few early-stage startups get their product of... Now 14mo ago ](\u002Fnow#design-systems-at-the-wrong-time-are-a-trap) More updates → Digital dreaming since 1998 © 2026 All rights reserved.",{"id":669,"height":13,"width":12,"blurhash":670},"20fc6256-c887-462a-8d00-c309161a6edc","radial-gradient(at 0 0,#84788a,#00000000 50%),radial-gradient(at 33% 0,#796a79,#00000000 50%),radial-gradient(at 67% 0,#76676d,#00000000 50%),radial-gradient(at 100% 0,#74696c,#00000000 50%),radial-gradient(at 0 50%,#5b5963,#00000000 50%),radial-gradient(at 33% 50%,#423d54,#00000000 50%),radial-gradient(at 67% 50%,#4e4c62,#00000000 50%),radial-gradient(at 100% 50%,#475058,#00000000 50%),radial-gradient(at 0 100%,#918d9f,#00000000 50%),radial-gradient(at 33% 100%,#726878,#00000000 50%),radial-gradient(at 67% 100%,#715f62,#00000000 50%),radial-gradient(at 100% 100%,#7b6a6e,#00000000 50%)",{"id":672,"height":15,"width":14,"blurhash":54},"87efaf46-490f-4d9d-b955-4e21846adb20",[674,677,680,683,686,689,692,695,698,701,704,707,710,713],{"directus_files_id":675},{"id":676},"9ac458ad-0650-41a7-9378-544b1dc2393e",{"directus_files_id":678},{"id":679},"151a9de8-791c-428e-bfc8-5d31375ad6f9",{"directus_files_id":681},{"id":682},"ad7672dd-b494-4547-af1b-ea323f7f1249",{"directus_files_id":684},{"id":685},"4f22913e-e3ba-489f-8005-c47b4222225b",{"directus_files_id":687},{"id":688},"f500d8d8-4dc4-4722-a603-ba621ca431fd",{"directus_files_id":690},{"id":691},"2898b28a-470f-4bb8-a0e5-34adcb4ea6ef",{"directus_files_id":693},{"id":694},"5d4e1e50-9415-4138-be75-6bc1237cc0f4",{"directus_files_id":696},{"id":697},"09b044c1-243f-4190-8f43-603706a07cf6",{"directus_files_id":699},{"id":700},"6f68980c-3921-4f9d-afb2-13d1de3400f8",{"directus_files_id":702},{"id":703},"736daec0-4a8d-4e9e-86af-f85c3ce5dc78",{"directus_files_id":705},{"id":706},"e2a1a51e-0c8c-42f5-be5f-22a800f88bfc",{"directus_files_id":708},{"id":709},"ddb45635-1f72-4c9d-b7d3-c33d75f49a27",{"directus_files_id":711},{"id":712},"4a8c044a-f602-4177-b838-75853ad8c3af",{"directus_files_id":714},{"id":715},"81e78e7a-0cbc-42d8-ad9e-95fd9b09be90",[717],{"languages_code":453,"description":718},"Julie Chabin’s digital portfolio serves as a high-impact landing page for a specialized product design partner catering to the early-stage startup ecosystem. The site positions Chabin not just as a designer, but as a strategic collaborator capable of bridging the gap between initial concept and market-ready product. Through a narrative-driven approach, the site highlights her pedigree—notably her leadership at Product Hunt—to build immediate trust with founders looking for speed, efficiency, and high-caliber execution.\n\nThe visual identity is sophisticated and atmospheric, utilizing a deep, cosmic navy palette punctuated by ethereal cloud imagery and subtle starlight textures. The design leans into a premium, dark-mode aesthetic that feels both expansive and intimate. Typography is handled with editorial precision, using clean sans-serifs and intentional hierarchy to convey a 'no-fluff' professional attitude. The use of high-fidelity device mockups against organic, textured backgrounds creates a sense of tangible craftsmanship, signaling a designer who values both aesthetic beauty and functional utility.",[26,238,30],[],[722,56,59,723],"Manrope","Space Mono",[259,255,256],[726,728,729,730],{"score":727,"category":84},99,{"score":85,"category":87},{"score":91,"category":90},{"score":94,"category":93},[732,733,734,735],{"score":473,"category":84},{"score":85,"category":87},{"score":91,"category":90},{"score":94,"category":93},[477,103,111,107,737],"orange","Website: Julie Chabin. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Julie Chabin — Product Designer & Early-Stage Partner. Page description: Product designer helping early-stage startups launch smarter. Branding, product, and tools—with a clear, fast, no-fluff approach.. Page content: - Home - Now - About me - Say hi Julie Chabin One head, several hats. Mostly design. I help turn ideas into real, thoughtful products—easy to use, hard to ignore, and ready to grow. Previously, I led design at Product Hunt. I created a strong user experience and brand, shaped strategy, and scaled design with a small, fast-moving remote team. Now I work with founders to build their product's first version, raise funds, and get noticed. I also vibe code my own tools. It starts with curiosity, and always ends in learning. Say hi Gallery image 01 Gallery image 02 Gallery image 03 Gallery image 04 Gallery image 05 Gallery image 06 Gallery image 07 Gallery image 08 Gallery image 09 Gallery image 01 Gallery image 02 Gallery image 03 Gallery image 04 Gallery image 05 Gallery image 06 Gallery image 07 Gallery image 08 Gallery image 09 Teams I've collaborated with AngelList Product Hunt GitBook DeezerYubo API Video \u002F Work principles Design is understanding Good design makes hard things feel simple. It's informed, intentional, and grounded in real insight. Product is never done The job doesn't end on launch day. It's a cycle of testing, learning, and continuous improvement. \"Lazy\" is a short way to say efficient If there's a faster, smarter way to get great results, take it. Outcomes matter more than process. Strategy is early pattern recognition Look three years ahead. Spot patterns, map systems, and sequence work with intent. \u002F Now [ All the names, all the hats Early-stage startups don’t need people who blindly follow the lead. They don’t even need the smartest people. They need people who give a damn so muc... Now 10mo ago ](\u002Fnow#all-the-names-all-the-hats)[ CSS Dynamic Gradient Floating Menu How I built a scroll-responsive navigation with CSS and React (and survived production) I recently implemented a floating navigation menu with a dynam... Now 11mo ago ](\u002Fnow#null)[ Design systems at the wrong time are a trap Why early-stage startups should focus on shipping, not systematizing The past few months, I’ve helped a few early-stage startups get their product of... Now 14mo ago ](\u002Fnow#design-systems-at-the-wrong-time-are-a-trap) More updates → Digital dreaming since 1998 © 2026 All rights reserved.. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the SaaS & Software industry. The overall color palette features Black, White, Gray, Brown, Orange. The typography features Manrope, Geist (Sans Serif), Geist Mono, Space Mono (Colophon). Built using Next.js, Node.js, React. AI description: Julie Chabin’s digital portfolio serves as a high-impact landing page for a specialized product design partner catering to the early-stage startup ecosystem. The site positions Chabin not just as a designer, but as a strategic collaborator capable of bridging the gap between initial concept and market-ready product. Through a narrative-driven approach, the site highlights her pedigree—notably her leadership at Product Hunt—to build immediate trust with founders looking for speed, efficiency, and high-caliber execution. The visual identity is sophisticated and atmospheric, utilizing a deep, cosmic navy palette punctuated by ethereal cloud imagery and subtle starlight textures. The design leans into a premium, dark-mode aesthetic that feels both expansive and intimate. Typography is handled with editorial precision, using clean sans-serifs and intentional hierarchy to convey a 'no-fluff' professional attitude. The use of high-fidelity device mockups against organic, textured backgrounds creates a sense of tangible craftsmanship, signaling a designer who values both aesthetic beauty and functional utility."]