[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-fine-thought":3,"facets-{\"includeAuthors\":\"false\"}":150,"facets-baseline-false":307,"similar-websites-fine-thought":340},{"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":40,"pages":44,"typefaces":56,"technologiesByCategory":61,"pagespeedDesktop":103,"pagespeedMobile":115,"performanceDesktop":106,"performanceMobile":117,"colorBuckets":122,"colorPalette":131},"f4d76762-452c-4399-9c55-d2e3ac6ea963","Fine Thought","fine-thought","https:\u002F\u002Ffinethought.com.au","2026-05-23T19:25:55.000Z","2026-05-04T08:26:38.000Z","7c14f043-f88c-439f-9c45-c4bfc1965698","a52fef0d-d470-4824-91f0-6eab29de0c6e",1440,900,780,1688,"Fine Thought serves as the digital atelier for Nathan Leigh Davis, a creative technologist and front-end engineer. The website functions as a high-impact portfolio and professional identity hub, bridging the gap between complex engineering and sophisticated digital design. It is tailored for high-end tech clients, creative agencies, and design-led organizations seeking a developer who understands the nuance of aesthetic precision.\n\nThe visual identity is a masterclass in brutalist digital minimalism, utilizing a code-editor aesthetic to signal technical mastery. Through a monochromatic palette, heavy typographic hierarchy, and a structured grid composed of ASCII-inspired characters, the site communicates a sense of raw, unfiltered technical competence. It avoids the fluff of traditional corporate sites, opting instead for a high-contrast, developer-centric atmosphere that feels both futuristic and deeply rooted in the fundamentals of web architecture.",{"title":18,"meta_description":19},"Fine Thought | Creative Technologist & Web Engineer","The creative persona of Nathan Leigh Davis, a specialist in front-end web engineering and creative coding based in Victoria, Australia.",{"name":21,"label":22,"slug":23},"Agency & Studio","Agencies","agencies",[25,29,32,36],{"name":26,"label":27,"slug":28},"Brutalist \u002F Neo-Brutalist","Brutalist","brutalist",{"name":30,"label":30,"slug":31},"Dark Mode","dark-mode",{"name":33,"label":34,"slug":35},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":37,"label":38,"slug":39},"Typographic \u002F Big Type","Typographic","typographic",[41],{"author":42,"roles":43},{"name":5,"label":5,"slug":6},[],[45],{"name":46,"title":47,"description":48,"url":49,"coverId":10,"coverMobileId":11,"alt":50,"altMobile":51,"pageType":52},"Homepage","\u002F\u002F--- Fine Thought ---\u002F\u002F","The creative persona of Nathan Leigh Davis, a creative technologist and front-end web engineer based in Victoria, Australia.","https:\u002F\u002Ffinethought.com.au\u002F","A minimalist desktop website with a dark charcoal background and large, light gray sans-serif typography. The headline 'Web engineer & creative coder' is positioned at the top left, with 'Fine Thought' appearing in massive text across the bottom right, overlaid by an abstract ASCII-style pattern of slashes and dashes.","The mobile version maintains the dark theme and large typography but stacks the elements vertically. The headline 'Web engineer & creative coder' is centered at the top, followed by the ASCII pattern, and the large 'Fine Thought' text is positioned at the bottom, creating a more linear, vertical flow.",{"name":53,"label":54,"slug":55},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[57],{"name":58,"label":58,"slug":59,"foundryName":60},"Neue Haas Grotesk","neue-haas-grotesk","Commercial Type",{"Uncategorized":62,"Analytics":66,"Security":70,"CDN":74,"JavaScript frameworks":78,"Web frameworks":85,"Programming languages":87,"Font scripts":91,"PaaS":95,"Miscellaneous":99},[63],{"name":64,"label":64,"slug":65},"Adobe Fonts","adobe-fonts",[67],{"name":68,"label":68,"slug":69},"Google Analytics","google-analytics",[71],{"name":72,"label":72,"slug":73},"HSTS","hsts",[75],{"name":76,"label":76,"slug":77},"jsDelivr","jsdelivr",[79,82],{"name":80,"label":80,"slug":81},"Next.js","nextjs",{"name":83,"label":83,"slug":84},"React","react",[86],{"name":80,"label":80,"slug":81},[88],{"name":89,"label":89,"slug":90},"Node.js","nodejs",[92],{"name":93,"label":93,"slug":94},"Typekit","typekit",[96],{"name":97,"label":97,"slug":98},"Vercel","vercel",[100],{"name":101,"label":101,"slug":102},"Webpack","webpack",[104,107,110,113],{"category":105,"score":106},"performance",97,{"category":108,"score":109},"accessibility",88,{"category":111,"score":112},"best-practices",100,{"category":114,"score":112},"seo",[116,118,120,121],{"category":105,"score":117},71,{"category":108,"score":119},81,{"category":111,"score":112},{"category":114,"score":112},[123,127],{"value":124,"label":125,"hex":126},"black","Black","#000000",{"value":128,"label":129,"hex":130},"gray","Gray","#737373",[132,135,138,141,144,147],{"hex":133,"percent":134},"#282828",0.7983,{"hex":136,"percent":137},"#BABABA",0.1455,{"hex":139,"percent":140},"#3D3D3D",0.0381,{"hex":142,"percent":143},"#717171",0.0099,{"hex":145,"percent":146},"#5B5B5C",0.0058,{"hex":148,"percent":149},"#929292",0.0025,{"facetDistribution":151,"facetLabels":228},{"industry":152,"styles":172,"technologies":187,"font_families":213,"page_type_name":226},{"Agency & Studio":153,"Art & Culture":154,"SaaS & Software":155,"Fashion & Apparel":156,"Architecture & Real Estate":157,"Entertainment & Media":158,"Food & Beverage":159,"Photography & Video":160,"Finance & Fintech":161,"Healthcare & Wellness":162,"Technology & Hardware":163,"Industrial & Manufacturing":164,"Beauty & Cosmetics":165,"Travel & Hospitality":166,"Non-Profit & Charity":167,"Education & Courses":168,"Crypto & Web3":169,"Sports & Fitness":170,"Automotive & Transportation":171},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":173,"Typographic \u002F Big Type":174,"High-End \u002F Luxury":175,"Dark Mode":176,"Vibrant \u002F Colorful":177,"Monochrome \u002F Grayscale":178,"Fun \u002F Playful":179,"Brutalist \u002F Neo-Brutalist":180,"Corporate \u002F Professional":181,"Illustrative \u002F Hand-drawn":182,"Futuristic \u002F Sci-Fi":183,"3D \u002F Spatial":184,"Retro \u002F Vintage \u002F Y2K":185,"Glassmorphism":186,"Bento Grid":186},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":188,"PHP":189,"WordPress":190,"Node.js":191,"React":192,"Vercel":193,"Vue.js":194,"Shopify":195,"Next.js":196,"Klaviyo":197,"Nuxt.js":198,"Typekit":199,"Amazon Web Services":200,"reCAPTCHA":201,"YouTube":202,"MailChimp":203,"Modernizr":204,"Bootstrap":205,"Slick":206,"Google Font API":207,"Craft CMS":208,"Framer Sites":209,"Contact Form 7":210,"Stimulus":211,"Google Maps":212},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":214,"Times New Roman":215,"Roboto":216,"Open Sans":217,"Neue Haas Grotesk":217,"Suisse Intl":109,"Arial":183,"Poppins":208,"Helvetica Neue":210,"Montserrat":218,"Diatype":184,"Neue Montreal":163,"Lato":164,"Graphik":219,"Source Sans":220,"Monument Grotesk":221,"Noto Sans":222,"Helvetica":223,"Söhne":224,"DM Sans":224,"Founders Grotesk":224,"GT America":225,"Google Sans":225,"Editorial":185,"IBM Plex Mono":168},315,168,127,90,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":227},2397,{"industry":229,"styles":248,"page_type_name":260,"technologies":261,"font_families":282},{"Agency & Studio":22,"Art & Culture":230,"SaaS & Software":231,"Fashion & Apparel":232,"Architecture & Real Estate":233,"Entertainment & Media":234,"Food & Beverage":235,"Photography & Video":236,"Finance & Fintech":237,"Healthcare & Wellness":238,"Technology & Hardware":239,"Industrial & Manufacturing":240,"Beauty & Cosmetics":241,"Travel & Hospitality":242,"Non-Profit & Charity":243,"Education & Courses":244,"Crypto & Web3":245,"Sports & Fitness":246,"Automotive & Transportation":247},"Art and Culture","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":34,"Typographic \u002F Big Type":38,"High-End \u002F Luxury":249,"Dark Mode":30,"Vibrant \u002F Colorful":250,"Monochrome \u002F Grayscale":251,"Fun \u002F Playful":252,"Brutalist \u002F Neo-Brutalist":27,"Corporate \u002F Professional":253,"Illustrative \u002F Hand-drawn":254,"Futuristic \u002F Sci-Fi":255,"3D \u002F Spatial":256,"Retro \u002F Vintage \u002F Y2K":257,"Glassmorphism":258,"Bento Grid":259},"Luxury","Vibrant","Monochrome","Playful","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":54},{"jQuery":262,"PHP":263,"WordPress":264,"Node.js":89,"React":83,"Vercel":97,"Vue.js":265,"Shopify":266,"Next.js":80,"Klaviyo":267,"Nuxt.js":268,"Typekit":93,"Amazon Web Services":269,"reCAPTCHA":270,"YouTube":271,"MailChimp":272,"Modernizr":273,"Bootstrap":274,"Slick":275,"Google Font API":276,"Craft CMS":277,"Framer Sites":278,"Contact Form 7":279,"Stimulus":280,"Google Maps":281},"jQuery","PHP","WordPress","Vue.js","Shopify","Klaviyo","Nuxt.js","Amazon Web Services","reCAPTCHA","YouTube","MailChimp","Modernizr","Bootstrap","Slick","Google Font API","Craft CMS","Framer Sites","Contact Form 7","Stimulus","Google Maps",{"Inter":283,"Times New Roman":284,"Roboto":285,"Open Sans":286,"Neue Haas Grotesk":58,"Suisse Intl":287,"Arial":288,"Poppins":289,"Helvetica Neue":290,"Montserrat":291,"Diatype":292,"Neue Montreal":293,"Lato":294,"Graphik":295,"Source Sans":296,"Monument Grotesk":297,"Noto Sans":298,"Helvetica":299,"Söhne":300,"DM Sans":301,"Founders Grotesk":302,"GT America":303,"Google Sans":304,"Editorial":305,"IBM Plex Mono":306},"Inter","Times New Roman","Roboto","Open Sans","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":308,"facetLabels":324},{"industry":309,"styles":310,"technologies":311,"font_families":312,"page_type_name":313},{"Agency & Studio":153,"Art & Culture":154,"SaaS & Software":155,"Fashion & Apparel":156,"Architecture & Real Estate":157,"Entertainment & Media":158,"Food & Beverage":159,"Photography & Video":160,"Finance & Fintech":161,"Healthcare & Wellness":162,"Technology & Hardware":163,"Industrial & Manufacturing":164,"Beauty & Cosmetics":165,"Travel & Hospitality":166,"Non-Profit & Charity":167,"Education & Courses":168,"Crypto & Web3":169,"Sports & Fitness":170,"Automotive & Transportation":171},{"Clean \u002F Minimalist":173,"Typographic \u002F Big Type":174,"High-End \u002F Luxury":175,"Dark Mode":176,"Vibrant \u002F Colorful":177,"Monochrome \u002F Grayscale":178,"Fun \u002F Playful":179,"Brutalist \u002F Neo-Brutalist":180,"Corporate \u002F Professional":181,"Illustrative \u002F Hand-drawn":182,"Futuristic \u002F Sci-Fi":183,"3D \u002F Spatial":184,"Retro \u002F Vintage \u002F Y2K":185,"Glassmorphism":186,"Bento Grid":186},{"jQuery":188,"PHP":189,"WordPress":190,"Node.js":191,"React":192,"Vercel":193,"Vue.js":194,"Shopify":195,"Next.js":196,"Klaviyo":197,"Nuxt.js":198,"Typekit":199,"Amazon Web Services":200,"reCAPTCHA":201,"YouTube":202,"MailChimp":203,"Modernizr":204,"Bootstrap":205,"Slick":206,"Google Font API":207,"Craft CMS":208,"Framer Sites":209,"Contact Form 7":210,"Stimulus":211,"Google Maps":212},{"Inter":214,"Times New Roman":215,"Roboto":216,"Open Sans":217,"Neue Haas Grotesk":217,"Suisse Intl":109,"Arial":183,"Poppins":208,"Helvetica Neue":210,"Montserrat":218,"Diatype":184,"Neue Montreal":163,"Lato":164,"Graphik":219,"Source Sans":220,"Monument Grotesk":221,"Noto Sans":222,"Helvetica":223,"Söhne":224,"DM Sans":224,"Founders Grotesk":224,"GT America":225,"Google Sans":225,"Editorial":185,"IBM Plex Mono":168},{"Home \u002F Landing Page":314,"About Us \u002F Team":315,"Projects \u002F Portfolio":316,"Contact Us":317,"Blog \u002F Article Layout":318,"Services \u002F Features":319,"Shop \u002F Catalog":320,"Careers \u002F Jobs":321,"Pricing Page":162,"Sign Up \u002F Login":322,"404 Error Page":323},2401,774,527,418,378,341,299,89,27,9,{"industry":325,"styles":326,"page_type_name":327,"technologies":338,"font_families":339},{"Agency & Studio":22,"Art & Culture":230,"SaaS & Software":231,"Fashion & Apparel":232,"Architecture & Real Estate":233,"Entertainment & Media":234,"Food & Beverage":235,"Photography & Video":236,"Finance & Fintech":237,"Healthcare & Wellness":238,"Technology & Hardware":239,"Industrial & Manufacturing":240,"Beauty & Cosmetics":241,"Travel & Hospitality":242,"Non-Profit & Charity":243,"Education & Courses":244,"Crypto & Web3":245,"Sports & Fitness":246,"Automotive & Transportation":247},{"Clean \u002F Minimalist":34,"Typographic \u002F Big Type":38,"High-End \u002F Luxury":249,"Dark Mode":30,"Vibrant \u002F Colorful":250,"Monochrome \u002F Grayscale":251,"Fun \u002F Playful":252,"Brutalist \u002F Neo-Brutalist":27,"Corporate \u002F Professional":253,"Illustrative \u002F Hand-drawn":254,"Futuristic \u002F Sci-Fi":255,"3D \u002F Spatial":256,"Retro \u002F Vintage \u002F Y2K":257,"Glassmorphism":258,"Bento Grid":259},{"Home \u002F Landing Page":54,"About Us \u002F Team":328,"Projects \u002F Portfolio":329,"Contact Us":330,"Blog \u002F Article Layout":331,"Services \u002F Features":332,"Shop \u002F Catalog":333,"Careers \u002F Jobs":334,"Pricing Page":335,"Sign Up \u002F Login":336,"404 Error Page":337},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":262,"PHP":263,"WordPress":264,"Node.js":89,"React":83,"Vercel":97,"Vue.js":265,"Shopify":266,"Next.js":80,"Klaviyo":267,"Nuxt.js":268,"Typekit":93,"Amazon Web Services":269,"reCAPTCHA":270,"YouTube":271,"MailChimp":272,"Modernizr":273,"Bootstrap":274,"Slick":275,"Google Font API":276,"Craft CMS":277,"Framer Sites":278,"Contact Form 7":279,"Stimulus":280,"Google Maps":281},{"Inter":283,"Times New Roman":284,"Roboto":285,"Open Sans":286,"Neue Haas Grotesk":58,"Suisse Intl":287,"Arial":288,"Poppins":289,"Helvetica Neue":290,"Montserrat":291,"Diatype":292,"Neue Montreal":293,"Lato":294,"Graphik":295,"Source Sans":296,"Monument Grotesk":297,"Noto Sans":298,"Helvetica":299,"Söhne":300,"DM Sans":301,"Founders Grotesk":302,"GT America":303,"Google Sans":304,"Editorial":305,"IBM Plex Mono":306},{"hits":341},[342,482,614,711],{"id":343,"website_id":344,"page_id":343,"name":345,"slug":346,"url":347,"website_name":345,"website_slug":346,"website_url":348,"result_url":347,"fetched_at":349,"score":350,"score_boost":351,"ai_score":109,"freshness_score":352,"scored_at":353,"page_name":46,"page_url":347,"page_title":345,"page_description":354,"page_content":355,"page_sort":351,"is_home":356,"is_home_rank":357,"page_type_id":358,"page_type_name":53,"cover":359,"cover_mobile":362,"cover_sequence":364,"translations":455,"industry":21,"styles":459,"credits":461,"font_families":462,"technologies":463,"pagespeed":467,"pagespeed_mobile":472,"buckets":478,"search_payload":481},"5e000529-1946-441d-adae-fe138fecee3c","ecbf4ba4-0000-4e73-8006-6269a12f0cff","Niceshit","niceshit","https:\u002F\u002Fniceshit.tv\u002F","https:\u002F\u002Fniceshit.tv","2026-05-04T10:40:29.000Z",86,0,74,"2026-05-23T19:24:16.000Z",null,"We’re creators of _moving narratives_ that spark _emotion_, inspire conversations and drive _action_. [ Niceshit Our handwriting. Our voice. Our new identity. ](https:\u002F\u002Fniceshit.tv\u002Findex.php\u002Flayouts\u002Fproject\u002Four-handwriting-our-voice-our-new-identity) [ Trivago Refreshing a global travel brand ](https:\u002F\u002Fniceshit.tv\u002Findex.php\u002Flayouts\u002Fproject\u002Ftrivago-illustration-system) [ IBM Global Campaign ](https:\u002F\u002Fniceshit.tv\u002Findex.php\u002Flayouts\u002Fproject\u002Fai-for-play) [ EA Sports App illustration system ](https:\u002F\u002Fniceshit.tv\u002Findex.php\u002Flayouts\u002Fproject\u002Fapp-illustration-system) This site uses cookies. Accept +",true,1,"1",{"id":360,"height":13,"width":12,"blurhash":361},"392ebcc2-4081-4aea-b468-a27f8bb0383b","radial-gradient(at 0 0,#ffffff,#00000000 50%),radial-gradient(at 33% 0,#f7f7f7,#00000000 50%),radial-gradient(at 67% 0,#f1f1f1,#00000000 50%),radial-gradient(at 100% 0,#fefefe,#00000000 50%),radial-gradient(at 0 50%,#ffffff,#00000000 50%),radial-gradient(at 33% 50%,#f4f4f4,#00000000 50%),radial-gradient(at 67% 50%,#eaeaea,#00000000 50%),radial-gradient(at 100% 50%,#f7f7f7,#00000000 50%),radial-gradient(at 0 100%,#ffffff,#00000000 50%),radial-gradient(at 33% 100%,#f6f6f6,#00000000 50%),radial-gradient(at 67% 100%,#e4e4e4,#00000000 50%),radial-gradient(at 100% 100%,#eeeeee,#00000000 50%)",{"id":363,"height":15,"width":14,"blurhash":354},"469e00bc-e308-4139-a039-285f52b1e943",[365,368,371,374,377,380,383,386,389,392,395,398,401,404,407,410,413,416,419,422,425,428,431,434,437,440,443,446,449,452],{"directus_files_id":366},{"id":367},"ec316280-73bf-4e17-b908-922f2dfbba17",{"directus_files_id":369},{"id":370},"265bd8e0-98d0-49d4-ab0e-cc7645f86982",{"directus_files_id":372},{"id":373},"d5fa9217-d69f-47b0-95a2-dce7721a6b4c",{"directus_files_id":375},{"id":376},"0e94410f-405c-4d53-a17d-f411032408f3",{"directus_files_id":378},{"id":379},"ea59bae2-3302-4606-9124-e264ab23bf6e",{"directus_files_id":381},{"id":382},"d3d4958f-7f12-4db7-9698-30ac6fb38925",{"directus_files_id":384},{"id":385},"d04a843e-5fe7-4a7b-a6ba-513097c150f2",{"directus_files_id":387},{"id":388},"d97543b4-de70-4475-b564-ecaa0e50417f",{"directus_files_id":390},{"id":391},"dcd2cc61-fb2d-4387-8d93-9f584d8bd13b",{"directus_files_id":393},{"id":394},"1d5582a0-5f80-4757-80fb-09452c59e866",{"directus_files_id":396},{"id":397},"0148f228-35f7-494b-9de5-5b8d02c42c8a",{"directus_files_id":399},{"id":400},"25c86a8f-1717-49c4-bf0c-44d796d5830a",{"directus_files_id":402},{"id":403},"edeb2de8-1965-4a08-9fb2-617ced30e738",{"directus_files_id":405},{"id":406},"9970d8ad-a175-4bb5-b8be-6101597198c8",{"directus_files_id":408},{"id":409},"0b5a304f-61c6-4532-b0f7-c370cf4ab460",{"directus_files_id":411},{"id":412},"bab6374e-8abd-48a7-aca7-596fc36c73d9",{"directus_files_id":414},{"id":415},"78032776-66af-4765-b71e-df7ed6cc2291",{"directus_files_id":417},{"id":418},"583dbc50-528f-454a-b728-a0c5eeb1a9e1",{"directus_files_id":420},{"id":421},"0a3b7dcb-b131-4e08-b0df-865a849ff50f",{"directus_files_id":423},{"id":424},"1dca9c15-4f6d-4e23-8aa2-779a3ca887c3",{"directus_files_id":426},{"id":427},"2d58373b-66ac-4a68-905f-9358d3d7ae91",{"directus_files_id":429},{"id":430},"470c86cf-d5ab-41fc-89df-6f48447ae0ec",{"directus_files_id":432},{"id":433},"305e5733-261d-48ad-acc5-f36bd030a096",{"directus_files_id":435},{"id":436},"f8d80955-836d-43c6-99e3-e6e8e310b8a9",{"directus_files_id":438},{"id":439},"7e03538a-bd5d-49f7-a1ee-187467bf59a3",{"directus_files_id":441},{"id":442},"70c8cf6a-4742-4999-92a3-d027393340c5",{"directus_files_id":444},{"id":445},"0cac2afb-e273-4750-89c6-01df5557937a",{"directus_files_id":447},{"id":448},"b7810b50-be5a-4f11-a441-c00ccf606272",{"directus_files_id":450},{"id":451},"7d4a217a-1f4b-4f1a-9e35-ab70281f999f",{"directus_files_id":453},{"id":454},"5b64d70e-fa0e-4e2a-aea5-02e82a2af3bf",[456],{"languages_code":457,"description":458},"en","Niceshit is a creative agency dedicated to crafting moving narratives that spark emotion and drive action. Their work spans across diverse sectors, from refreshing global travel brands to creating impactful visual identities, positioning them as a versatile powerhouse in the storytelling space.\n\nThe visual identity is unapologetically bold and expressive, characterized by a high-contrast interplay between sophisticated typography and raw, hand-drawn illustrations. By blending a minimalist layout with a gritty, lo-fi aesthetic, the brand communicates a sense of authenticity and creative rebellion that appeals to forward-thinking clients looking for more than just standard corporate output.",[26,460,37],"Illustrative \u002F Hand-drawn",[],[],[464,465,466,263],"CodeIgniter","ExpressionEngine","Hostinger",[468,469,470,471],{"score":112,"category":105},{"score":321,"category":108},{"score":112,"category":111},{"score":206,"category":114},[473,474,476,477],{"score":112,"category":105},{"score":475,"category":108},73,{"score":112,"category":111},{"score":206,"category":114},[479,124,128,480],"white","violet","Website: Niceshit. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Niceshit. Page content: We’re creators of _moving narratives_ that spark _emotion_, inspire conversations and drive _action_. [ Niceshit Our handwriting. Our voice. Our new identity. ](https:\u002F\u002Fniceshit.tv\u002Findex.php\u002Flayouts\u002Fproject\u002Four-handwriting-our-voice-our-new-identity) [ Trivago Refreshing a global travel brand ](https:\u002F\u002Fniceshit.tv\u002Findex.php\u002Flayouts\u002Fproject\u002Ftrivago-illustration-system) [ IBM Global Campaign ](https:\u002F\u002Fniceshit.tv\u002Findex.php\u002Flayouts\u002Fproject\u002Fai-for-play) [ EA Sports App illustration system ](https:\u002F\u002Fniceshit.tv\u002Findex.php\u002Flayouts\u002Fproject\u002Fapp-illustration-system) This site uses cookies. Accept +. A Brutalist \u002F Neo-Brutalist, Illustrative \u002F Hand-drawn, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features White, Black, Gray, Violet. Built using CodeIgniter, ExpressionEngine, Hostinger, PHP. AI description: Niceshit is a creative agency dedicated to crafting moving narratives that spark emotion and drive action. Their work spans across diverse sectors, from refreshing global travel brands to creating impactful visual identities, positioning them as a versatile powerhouse in the storytelling space. The visual identity is unapologetically bold and expressive, characterized by a high-contrast interplay between sophisticated typography and raw, hand-drawn illustrations. By blending a minimalist layout with a gritty, lo-fi aesthetic, the brand communicates a sense of authenticity and creative rebellion that appeals to forward-thinking clients looking for more than just standard corporate output.",{"id":483,"website_id":484,"page_id":483,"name":485,"slug":486,"url":487,"website_name":485,"website_slug":486,"website_url":488,"result_url":487,"fetched_at":489,"score":490,"score_boost":351,"ai_score":119,"freshness_score":161,"scored_at":491,"page_name":46,"page_url":487,"page_title":485,"page_description":492,"page_content":493,"page_sort":351,"is_home":356,"is_home_rank":357,"page_type_id":358,"page_type_name":53,"cover":494,"cover_mobile":497,"cover_sequence":499,"translations":590,"industry":21,"styles":593,"credits":595,"font_families":596,"technologies":599,"pagespeed":600,"pagespeed_mobile":606,"buckets":611,"search_payload":613},"21b01c72-e9b1-43a4-8238-685e6033dbc7","ddfd7771-30e4-4211-8b51-3d8558476c6b","For Good Design Lab","for-good-design-lab","https:\u002F\u002Fforgooddesignlab.com\u002F","https:\u002F\u002Fforgooddesignlab.com","2026-05-05T16:48:58.000Z",80,"2026-05-23T19:26:24.000Z","Brands, products and websites for the new ideas that will unfuck the world.","[ Case Studies ](\u002F) 6 [ For Founders ](\u002Ffor-founders)[ For Designers ](\u002Ffor-designers)[ About Us ](\u002Fabout-us) [ Book a call ](\u002Fcall) Email, LinkedIn, Instagram Made with ❤ in Sydney, Aus.",{"id":495,"height":13,"width":12,"blurhash":496},"67e58bce-23ae-4b74-9ddb-585c979bdba9","radial-gradient(at 0 0,#ffffff,#00000000 50%),radial-gradient(at 33% 0,#fbf8ff,#00000000 50%),radial-gradient(at 67% 0,#e5e3f7,#00000000 50%),radial-gradient(at 100% 0,#faf8fe,#00000000 50%),radial-gradient(at 0 50%,#ffffff,#00000000 50%),radial-gradient(at 33% 50%,#fffffb,#00000000 50%),radial-gradient(at 67% 50%,#f1eef0,#00000000 50%),radial-gradient(at 100% 50%,#fffffc,#00000000 50%),radial-gradient(at 0 100%,#faf7ff,#00000000 50%),radial-gradient(at 33% 100%,#c4c0ef,#00000000 50%),radial-gradient(at 67% 100%,#736bdf,#00000000 50%),radial-gradient(at 100% 100%,#c3bfee,#00000000 50%)",{"id":498,"height":15,"width":14,"blurhash":354},"f4b8e812-c7a3-422b-a847-06b0a3e5e055",[500,503,506,509,512,515,518,521,524,527,530,533,536,539,542,545,548,551,554,557,560,563,566,569,572,575,578,581,584,587],{"directus_files_id":501},{"id":502},"e488a68e-38bc-458d-b7d5-53ba43de72b0",{"directus_files_id":504},{"id":505},"fd1b86ac-aebf-4db7-8be0-bc15c1fb06dc",{"directus_files_id":507},{"id":508},"9e068398-ed6d-4b5b-921e-8c9547b00534",{"directus_files_id":510},{"id":511},"adbc9966-beac-4a2c-9537-690f737b4f61",{"directus_files_id":513},{"id":514},"5bd846d8-2230-459a-a7d8-905ae2f15108",{"directus_files_id":516},{"id":517},"e49099cf-2f34-48f1-9546-34f281f2644e",{"directus_files_id":519},{"id":520},"b64971fc-436c-47c0-8910-259b8501814d",{"directus_files_id":522},{"id":523},"aea76d5a-5738-4993-92ad-d69c2d535597",{"directus_files_id":525},{"id":526},"983c0efd-0dbc-478c-94b4-a9dc796c198d",{"directus_files_id":528},{"id":529},"64564b87-e378-41e2-a325-db13d4777473",{"directus_files_id":531},{"id":532},"a5335727-d4d8-4bd8-9156-76c6ef8a2b55",{"directus_files_id":534},{"id":535},"6be247eb-79d8-49c2-a2cd-2cf8a990005a",{"directus_files_id":537},{"id":538},"313473e5-37af-48a7-9758-3d7dc7efc21b",{"directus_files_id":540},{"id":541},"ae5e00d8-8052-4f57-a01e-0ef1311f358d",{"directus_files_id":543},{"id":544},"1f6036e5-3681-4d3d-afab-7e255c2cafdd",{"directus_files_id":546},{"id":547},"ea59b789-168d-41a8-9198-cc27b3ba9246",{"directus_files_id":549},{"id":550},"cb2d135d-1b2a-4de5-b025-bf215a5ffef3",{"directus_files_id":552},{"id":553},"0b0a5078-09cb-41ed-b390-0f701876eabe",{"directus_files_id":555},{"id":556},"4f4ab965-d4a8-462c-8260-1011fa759090",{"directus_files_id":558},{"id":559},"efb30544-f483-436f-b403-68f54151423d",{"directus_files_id":561},{"id":562},"9bc2b9f5-82db-4fdf-9278-435472e2e86c",{"directus_files_id":564},{"id":565},"92509e26-6b4e-47bd-b320-b1d2238aba0f",{"directus_files_id":567},{"id":568},"2c7d1f3f-ae54-40cb-8fed-e2d091b09cfa",{"directus_files_id":570},{"id":571},"fb9006bf-54a4-4c9b-815d-d4dd20c71652",{"directus_files_id":573},{"id":574},"ef8c3ae3-49a8-466e-adeb-1b293a34089c",{"directus_files_id":576},{"id":577},"4624edd2-dc68-4baa-a4d9-f05c23277301",{"directus_files_id":579},{"id":580},"f4b513d5-cce4-4dda-8228-aa7f0e8d12b1",{"directus_files_id":582},{"id":583},"944cbe42-4f7e-4cfd-8780-6db004d80564",{"directus_files_id":585},{"id":586},"d0389376-ecfc-4efa-a8e9-40fd6c940274",{"directus_files_id":588},{"id":589},"cf714a4b-e68e-44ec-b54c-2c1ddd3d24d3",[591],{"languages_code":457,"description":592},"For Good Design Lab is a provocative creative agency dedicated to shaping brands, products, and digital experiences for disruptive, mission-driven ventures. The studio positions itself as a catalyst for change, specifically targeting 'new ideas' that aim to challenge the status quo and improve the global landscape through intentional design.\n\nThe visual identity is a masterclass in high-contrast, editorial sophistication. By pairing elegant, serif typography with bold, saturated color blocks and irreverent, unfiltered copy, the brand strikes a balance between high-end craftsmanship and a rebellious, anti-corporate spirit. The aesthetic is clean yet punchy, utilizing ample white space to allow its bold statements and eclectic imagery to command attention.",[33,37,594],"Vibrant \u002F Colorful",[485],[300,597,598],"Söhne Mono","Signifier",[262],[601,603,604,605],{"score":602,"category":105},72,{"score":321,"category":108},{"score":119,"category":111},{"score":112,"category":114},[607,608,609,610],{"score":183,"category":105},{"score":205,"category":108},{"score":112,"category":111},{"score":112,"category":114},[479,612,124,128],"blue","Website: For Good Design Lab. Page: Homepage. Page type: Home \u002F Landing Page. Page title: For Good Design Lab. Page description: Brands, products and websites for the new ideas that will unfuck the world.. Page content: [ Case Studies ](\u002F) 6 [ For Founders ](\u002Ffor-founders)[ For Designers ](\u002Ffor-designers)[ About Us ](\u002Fabout-us) [ Book a call ](\u002Fcall) Email, LinkedIn, Instagram Made with ❤ in Sydney, Aus.. A Clean \u002F Minimalist, Typographic \u002F Big Type, Vibrant \u002F Colorful website in the Agency & Studio industry. Designed by For Good Design Lab. The overall color palette features White, Blue, Black, Gray. The typography features Söhne (Sans Serif, Klim Type), Söhne Mono (Sans Serif, Klim Type), Signifier (Serif, Klim Type). Built using jQuery. AI description: For Good Design Lab is a provocative creative agency dedicated to shaping brands, products, and digital experiences for disruptive, mission-driven ventures. The studio positions itself as a catalyst for change, specifically targeting 'new ideas' that aim to challenge the status quo and improve the global landscape through intentional design. The visual identity is a masterclass in high-contrast, editorial sophistication. By pairing elegant, serif typography with bold, saturated color blocks and irreverent, unfiltered copy, the brand strikes a balance between high-end craftsmanship and a rebellious, anti-corporate spirit. The aesthetic is clean yet punchy, utilizing ample white space to allow its bold statements and eclectic imagery to command attention.",{"id":615,"website_id":616,"page_id":615,"name":617,"slug":618,"url":619,"website_name":617,"website_slug":618,"website_url":620,"result_url":619,"fetched_at":621,"score":350,"score_boost":351,"ai_score":217,"freshness_score":117,"scored_at":622,"page_name":46,"page_url":619,"page_title":623,"page_description":624,"page_content":625,"page_sort":351,"is_home":356,"is_home_rank":357,"page_type_id":358,"page_type_name":53,"cover":626,"cover_mobile":629,"cover_sequence":631,"translations":698,"industry":701,"styles":702,"credits":705,"font_families":706,"technologies":707,"pagespeed":354,"pagespeed_mobile":354,"buckets":709,"search_payload":710},"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","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":627,"height":13,"width":12,"blurhash":628},"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":630,"height":15,"width":14,"blurhash":354},"04ae6df5-33f5-41fa-b8c4-8b7ab8aba482",[632,635,638,641,644,647,650,653,656,659,662,665,668,671,674,677,680,683,686,689,692,695],{"directus_files_id":633},{"id":634},"dcebcc9e-b53c-4a1c-8fa7-60b18674605a",{"directus_files_id":636},{"id":637},"ef2c3fca-576c-49ea-96ec-a57c2ceb2158",{"directus_files_id":639},{"id":640},"360c4f43-20bb-4c62-9951-48ef4e168d37",{"directus_files_id":642},{"id":643},"6e74a743-e905-4ea0-9975-7d27e8dcfa3f",{"directus_files_id":645},{"id":646},"f3805159-f859-4f87-a4af-652ccf9648a2",{"directus_files_id":648},{"id":649},"7893cb1e-4444-49c5-b683-0b95be008e25",{"directus_files_id":651},{"id":652},"525ba6e7-69c3-4bd3-8c6b-da6bfb8e3b92",{"directus_files_id":654},{"id":655},"f28d7cdd-0424-4756-a84d-fe9a971677e9",{"directus_files_id":657},{"id":658},"15629ea6-c972-4886-97ef-df18847651bb",{"directus_files_id":660},{"id":661},"89d8ea48-e3fe-4ff7-b664-b577a773461f",{"directus_files_id":663},{"id":664},"aea62dc7-c7ec-47ba-99b5-01bd37e482d7",{"directus_files_id":666},{"id":667},"77a95470-ab05-41a9-b046-c00286fbef35",{"directus_files_id":669},{"id":670},"709a7387-4df3-44a8-96c3-e4a37eb580ee",{"directus_files_id":672},{"id":673},"8b3f75f1-b775-4efa-bed1-8e746a9adde6",{"directus_files_id":675},{"id":676},"bc822a95-8d31-40bd-9d80-b927f8e6d1b4",{"directus_files_id":678},{"id":679},"7995ed29-95c4-46a6-b39c-4a97ebb31a4b",{"directus_files_id":681},{"id":682},"0f8a629a-02d2-43b1-aee0-d037efa21e74",{"directus_files_id":684},{"id":685},"320c2e67-c1c0-4db0-9bf1-25aba2634efc",{"directus_files_id":687},{"id":688},"9002e46c-ca0f-4ea9-b4ff-d55f7577c499",{"directus_files_id":690},{"id":691},"36a76fc7-c769-4c1e-bdd2-2c2e10e26202",{"directus_files_id":693},{"id":694},"61b41a59-4f8e-45c9-a107-25c6c94096f6",{"directus_files_id":696},{"id":697},"180f08a4-a5bb-4cd0-87db-b40ee1f65a78",[699],{"languages_code":457,"description":700},"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.","SaaS & Software",[33,703,704],"Corporate \u002F Professional","Monochrome \u002F Grayscale",[],[],[708,80,89,83,97],"Contentful",[479,128,124],"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":712,"website_id":713,"page_id":712,"name":714,"slug":715,"url":716,"website_name":714,"website_slug":715,"website_url":717,"result_url":716,"fetched_at":718,"score":719,"score_boost":351,"ai_score":350,"freshness_score":352,"scored_at":720,"page_name":46,"page_url":716,"page_title":721,"page_description":722,"page_content":723,"page_sort":351,"is_home":356,"is_home_rank":357,"page_type_id":358,"page_type_name":53,"cover":724,"cover_mobile":727,"cover_sequence":729,"translations":820,"industry":701,"styles":823,"credits":826,"font_families":827,"technologies":832,"pagespeed":833,"pagespeed_mobile":841,"buckets":846,"search_payload":848},"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":725,"height":13,"width":12,"blurhash":726},"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":728,"height":15,"width":14,"blurhash":354},"9fe52512-6c97-4aa4-8043-8dce8f89cb5c",[730,733,736,739,742,745,748,751,754,757,760,763,766,769,772,775,778,781,784,787,790,793,796,799,802,805,808,811,814,817],{"directus_files_id":731},{"id":732},"2b8e3f93-05d0-4f7d-9013-d37f82386019",{"directus_files_id":734},{"id":735},"21901556-cf1e-479a-a089-077e098687f9",{"directus_files_id":737},{"id":738},"00f1af3b-0685-4a22-9826-612b351fcc88",{"directus_files_id":740},{"id":741},"4609e6f8-3413-42a8-94da-6bbfc8e14016",{"directus_files_id":743},{"id":744},"c75f5ad9-53a3-4e5c-82d3-fde33ef79fd8",{"directus_files_id":746},{"id":747},"67604c5b-25b6-46d2-8eff-385085664b2e",{"directus_files_id":749},{"id":750},"35a07690-f3fa-40e7-8bdf-8e711450b225",{"directus_files_id":752},{"id":753},"0ae58c99-be8f-4150-a17e-40bd3bb406b4",{"directus_files_id":755},{"id":756},"1db63e9b-6634-4332-aa22-7b5714d614c3",{"directus_files_id":758},{"id":759},"83efe688-fb89-4702-9e4e-0d40a1c097f3",{"directus_files_id":761},{"id":762},"756fb3cf-c109-427f-ab4f-158bbf7188f1",{"directus_files_id":764},{"id":765},"faa9ef3d-c5e5-41ef-b761-fdccd8a33d5f",{"directus_files_id":767},{"id":768},"b97448e6-1e22-4693-a607-3808bf87bdfa",{"directus_files_id":770},{"id":771},"84d4d919-5d70-49b3-9e5e-23bb17bbb998",{"directus_files_id":773},{"id":774},"7076c703-049d-4bc7-a93a-43142ef18394",{"directus_files_id":776},{"id":777},"8e6a069b-8392-4b12-b4a0-39bbd380485e",{"directus_files_id":779},{"id":780},"785e495e-5470-4dfa-a423-54a92c454318",{"directus_files_id":782},{"id":783},"ed8f6eef-a42d-437e-bec8-6a55052933b3",{"directus_files_id":785},{"id":786},"ea997e64-5089-4a95-a57b-93b835d2bf86",{"directus_files_id":788},{"id":789},"7ade5a39-aff6-462e-8e51-83ae6bdb0d0e",{"directus_files_id":791},{"id":792},"1aeea83c-4ad2-4f2b-be01-fa5e47114f9a",{"directus_files_id":794},{"id":795},"bd37e392-2832-49b2-846d-a47ce4aafef6",{"directus_files_id":797},{"id":798},"3c652da7-ae72-4a44-a2eb-16db865b0b0e",{"directus_files_id":800},{"id":801},"a2bdc51f-1cc1-4ef1-be3b-4ed845cf0827",{"directus_files_id":803},{"id":804},"15f76fd3-e63b-4557-95ce-11e2a1b275ac",{"directus_files_id":806},{"id":807},"158fa327-05a1-497f-9406-88316cf6158c",{"directus_files_id":809},{"id":810},"4a5808e2-d5ce-4ce4-bba4-c15abf6ff3cf",{"directus_files_id":812},{"id":813},"6e6eed7b-2767-426b-814a-84070312df5d",{"directus_files_id":815},{"id":816},"4672e837-4dc9-4586-a309-9ffcd48f1c2b",{"directus_files_id":818},{"id":819},"6ad9b25d-d9cd-4c59-8607-1ad2911dafdb",[821],{"languages_code":457,"description":822},"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.",[824,33,825],"3D \u002F Spatial","Fun \u002F Playful",[],[828,829,830,287,831],"Untitled Sans","Geist","Geist Mono","Instrument Sans",[93,97],[834,836,838,840],{"score":835,"category":105},94,{"score":837,"category":108},75,{"score":839,"category":111},96,{"score":112,"category":114},[842,843,844,845],{"score":206,"category":105},{"score":602,"category":108},{"score":839,"category":111},{"score":112,"category":114},[479,847,128,124],"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."]