1<!DOCTYPE html><html data-dpl-id="dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" lang="en" class="bg-background"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><link rel="preload" href="/_next/static/media/558ca1a6aa3cb55e-s.p.woff2?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fproject%2Fdetail.png&w=640&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 640w, /_next/image?url=%2Fproject%2Fdetail.png&w=750&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 750w, /_next/image?url=%2Fproject%2Fdetail.png&w=828&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 828w, /_next/image?url=%2Fproject%2Fdetail.png&w=1080&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 1080w, /_next/image?url=%2Fproject%2Fdetail.png&w=1200&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 1200w, /_next/image?url=%2Fproject%2Fdetail.png&w=1920&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 1920w, /_next/image?url=%2Fproject%2Fdetail.png&w=2048&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 2048w, /_next/image?url=%2Fproject%2Fdetail.png&w=3840&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 3840w" imageSizes="(max-width: 1024px) 100vw, 1024px"/><link rel="preload" as="image" href="https://x.com/favicon.ico" referrerPolicy="no-referrer"/><link rel="preload" as="image" href="https://detail.design/favicon.ico" referrerPolicy="no-referrer"/><link rel="stylesheet" href="/_next/static/css/136f43ca2114d7fb.css?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-e8df0a2075be8118.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV"/>
1<script src="/_next/static/chunks/adbc1cc2-50b11c63b9787451.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/5466-74b6f698403b960f.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/main-app-8f407eaba0864a11.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/5437-db84bb2dac4f6f53.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/app/error-b7f0a97dcafbbaca.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/app/not-found-6caae31bd4d93738.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/app/layout-c6e9c40897924dfd.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/955-467331d429a7439a.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/4832-b356c8a5e57f8259.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/5012-5f66c639626eab1b.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/1216-239390f809fa5121.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<script src="/_next/static/chunks/app/project/%5Bslug%5D/page-2a7d8eee64f7cd0a.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" async=""></script>
1<meta name="theme-color" content="#f4f4f4"/><title>Detail · Rene Wang</title><meta name="description" content="A collection of small, careful, crafted design details."/><link rel="author" href="https://rene.wang"/><meta name="author" content="Rene Wang"/><link rel="manifest" href="/icon/manifest.json"/><meta name="creator" content="Rene Wang"/><link rel="canonical" href="https://rene.wang/project/detail"/><meta property="og:title" content="Detail"/><meta property="og:description" content="A collection of small, careful, crafted design details."/><meta property="og:url" content="https://rene.wang/project/detail"/><meta property="og:site_name" content="Rene Wang"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://rene.wang/project/detail.png"/><meta property="og:image:alt" content="Detail"/><meta property="og:type" content="article"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@renedotwang"/><meta name="twitter:title" content="Detail"/><meta name="twitter:description" content="A collection of small, careful, crafted design details."/><meta name="twitter:image" content="https://rene.wang/project/detail.png"/><link rel="icon" href="/icon/favicon.ico" sizes="any"/><link rel="icon" href="/icon/favicon-16x16.png" sizes="16x16" type="image/png"/><link rel="icon" href="/icon/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="icon" href="/icon/favicon-96x96.png" sizes="96x96" type="image/png"/><link rel="icon" href="/icon/android-icon-192x192.png" sizes="192x192" type="image/png"/><link rel="apple-touch-icon" href="/icon/apple-icon-180x180.png" sizes="180x180"/><link rel="apple-touch-icon" href="/icon/apple-icon-152x152.png" sizes="152x152"/><link rel="apple-touch-icon" href="/icon/apple-icon-120x120.png" sizes="120x120"/><link rel="apple-touch-icon" href="/icon/apple-icon.png"/><meta name="next-size-adjust" content=""/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" noModule=""></script>
1</head><body class="__variable_c6e230 __variable_a81e7c __variable_6ba944 font-sans antialiased relative"><div hidden=""><!--$--><!--/$--></div><noscript><style>[style*="opacity:0"]{opacity:1!important;transform:none!important}</style></noscript>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"CreativeWork","@id":"https://rene.wang/project/detail#project","name":"Detail","description":"A collection of small, careful, crafted design details.","url":"https://rene.wang/project/detail","image":"https://rene.wang/project/detail.png","dateCreated":"2025","inLanguage":"en","creator":{"@type":"Person","@id":"https://rene.wang/#person","name":"Rene Wang","url":"https://rene.wang"},"author":{"@type":"Person","@id":"https://rene.wang/#person","name":"Rene Wang","url":"https://rene.wang"},"isPartOf":{"@type":"WebSite","@id":"https://rene.wang/#website","url":"https://rene.wang","name":"Rene Wang"},"sameAs":["https://detail.design"],"mainEntityOfPage":{"@type":"WebPage","@id":"https://rene.wang/project/detail"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://rene.wang/"},{"@type":"ListItem","position":2,"name":"Detail","item":"https://rene.wang/project/detail"}]}]}</script>
1<div class="cursor-natural-tree relative min-h-lvh w-full overflow-x-hidden" style="background-color:#FAF8F4;opacity:0;transform:none"><a href="/" aria-label="Close project" class="absolute right-12 top-16 z-50 -translate-y-2.25 cursor-pointer text-muted-foreground transition-colors hover:text-foreground md:fixed md:right-16 md:top-16 xl:right-24 xl:top-24" style="opacity:0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-undo2 lucide-undo-2 h-5 w-5" aria-hidden="true"><path d="M9 14 4 9l5-5"></path><path d="M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11"></path></svg></a><article class="mx-auto max-w-5xl overflow-x-hidden px-8 pt-24 pb-24 md:px-12 xl:px-16"><h1 class="sr-only">Detail</h1><div style="background-color:#FAF8F4" class="relative mb-12 aspect-[16/9] w-full overflow-hidden"><div class="absolute inset-0 "><img alt="Detail" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 1024px) 100vw, 1024px" srcSet="/_next/image?url=%2Fproject%2Fdetail.png&w=640&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 640w, /_next/image?url=%2Fproject%2Fdetail.png&w=750&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 750w, /_next/image?url=%2Fproject%2Fdetail.png&w=828&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 828w, /_next/image?url=%2Fproject%2Fdetail.png&w=1080&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 1080w, /_next/image?url=%2Fproject%2Fdetail.png&w=1200&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 1200w, /_next/image?url=%2Fproject%2Fdetail.png&w=1920&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 1920w, /_next/image?url=%2Fproject%2Fdetail.png&w=2048&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 2048w, /_next/image?url=%2Fproject%2Fdetail.png&w=3840&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV 3840w" src="/_next/image?url=%2Fproject%2Fdetail.png&w=3840&q=75&dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV"/></div></div><div class="grid gap-12 md:grid-cols-3" style="opacity:0;transform:translateY(12px)"><div class="min-w-0 md:col-span-2"><div class="mdx-content project-mdx-content max-w-none"><p>Detail is a public scrapbook of the small choices that make products feel crafted and soulful. Some of them are original creation and others are spotted on the social.</p> 2<p>As of Jul 2026, over 100,000 designers and engineers have visited Detail, and over 2,000 people followed it on <a href="https://x.com/detaildotdesign" target="_blank" rel="noreferrer noopener" class="group"><img src="https://x.com/favicon.ico" alt="" width="14" height="14" decoding="async" referrerPolicy="no-referrer" aria-hidden="true" data-loaded="false" class="mdx-link-favicon"/>Twitte<span class="whitespace-nowrap">r<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-1 inline-block h-3.5 w-3.5 align-[-0.125em] transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></a>.</p> 3<p>Learn more about <a href="https://detail.design/about" target="_blank" rel="noreferrer noopener" class="group"><img src="https://detail.design/favicon.ico" alt="" width="14" height="14" decoding="async" referrerPolicy="no-referrer" aria-hidden="true" data-loaded="false" class="mdx-link-favicon"/>why Rene built Detai<span class="whitespace-nowrap">l<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right ml-1 inline-block h-3.5 w-3.5 align-[-0.125em] transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></a>.</p></div></div><div><dl class="space-y-4"><div><dt class="text-sm text-muted-foreground">Name</dt><dd><span class="block font-medium text-foreground text-balance">Detail</span></dd></div><div><dt class="text-sm text-muted-foreground">Year</dt><dd class="font-medium text-foreground">2025</dd></div><div><dt class="text-sm text-muted-foreground">Link</dt><dd class="font-medium text-foreground"><a href="https://detail.design" target="_blank" rel="noreferrer noopener" class="group inline-flex items-baseline gap-1 underline-offset-4 hover:underline"><span>detail.design</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-3.5 w-3.5 self-center transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></dd></div></dl></div></div></article></div><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
3<script src="/_next/static/chunks/webpack-e8df0a2075be8118.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV" id="_R_" async=""></script>
3<script>(self.__next_f=self.__next_f||[]).push([0])</script>
3<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[46378,[],\"\"]\n3:I[52851,[\"5437\",\"static/chunks/5437-db84bb2dac4f6f53.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"8039\",\"static/chunks/app/error-b7f0a97dcafbbaca.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\"],\"default\"]\n4:I[84008,[],\"\"]\n5:I[44769,[\"4345\",\"static/chunks/app/not-found-6caae31bd4d93738.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\"],\"NotFoundBoundary\"]\n6:I[68272,[\"7177\",\"static/chunks/app/layout-c6e9c40897924dfd.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\"],\"DeferredAnalytics\"]\n8:I[5763,[],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nc:I[5763,[],\"ViewportBoundary\"]\ne:I[5763,[],\"MetadataBoundary\"]\n10:I[24834,[],\"default\",1]\n:HL[\"/_next/static/media/558ca1a6aa3cb55e-s.p.woff2?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/136f43ca2114d7fb.css?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"style\"]\nb:X\n0:{\"P\":null,\"c\":[\"\",\"project\",\"detail\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"project\",{\"children\":[[\"slug\",\"detail\",\"d\",[]],{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4624],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/136f43ca2114d7fb.css?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"bg-background\",\"children\":[\"$\",\"body\",null,{\"className\":\"__variable_c6e230 __variable_a81e7c __variable_6ba944 font-sans antialiased relative\",\"children\":[[\"$\",\"noscript\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstyle\u003e[style*=\\\"opacity:0\\\"]{opacity:1!important;transform:none!important}\u003c/style\u003e\"}}],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$3\",\"errorStyles\":[],\"errorScripts\":null,\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L5\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L6\",null,{}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L7\",null,[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,null]},null,false,\"$b\"]},null,false,\"$b\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Le\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lf\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n11:I[76969,[\"5437\",\"static/chunks/5437-db84bb2dac4f6f53.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"955\",\"static/chunks/955-467331d429a7439a.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"4832\",\"static/chunks/4832-b356c8a5e57f8259.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"5012\",\"static/chunks/5012-5f66c639626eab1b.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"1216\",\"static/chunks/1216-239390f809fa5121.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"9144\",\"static/chunks/app/project/%5Bslug%5D/page-2a7d8eee64f7cd0a.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\"],\"ProjectRouteView\"]\n12:I[89002,[\"5437\",\"static/chunks/5437-db84bb2dac4f6f53.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"955\",\"static/chunks/955-467331d429a7439a.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"4832\",\"static/chunks/4832-b356c8a5e57f8259.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"5012\",\"static/chunks/5012-5f66c639626eab1b.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"1216\",\"static/chunks/1216-239390f809fa5121.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\",\"9144\",\"static/chunks/app/project/%5Bslug%5D/page-2a7d8eee64f7cd0a.js?dpl=dpl_8mS7njNSrXYhDRKyuVWXzLYChHuV\"],\"LinkFavicon\"]\nb:C\n7:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@graph\\\":[{\\\"@type\\\":\\\"CreativeWork\\\",\\\"@id\\\":\\\"https://rene.wang/project/detail#project\\\",\\\"name\\\":\\\"Detail\\\",\\\"description\\\":\\\"A collection of small, careful, crafted design details.\\\",\\\"url\\\":\\\"https://rene.wang/project/detail\\\",\\\"image\\\":\\\"https://rene.wang/project/detail.png\\\",\\\"dateCreated\\\":\\\"2025\\\",\\\"inLanguage\\\":\\\"en\\\",\\\"creator\\\":{\\\"@type\\\":\\\"Person\\\",\\\"@id\\\":\\\"https://rene.wang/#person\\\",\\\"name\\\":\\\"Rene Wang\\\",\\\"url\\\":\\\"https://rene.wang\\\"},\\\"author\\\":{\\\"@type\\\":\\\"Person\\\",\\\"@id\\\":\\\"https://rene.wang/#person\\\",\\\"name\\\":\\\"Rene Wang\\\",\\\"url\\\":\\\"https://rene.wang\\\"},\\\"isPartOf\\\":{\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://rene.wang/#website\\\",\\\"url\\\":\\\"https://rene.wang\\\",\\\"name\\\":\\\"Rene Wang\\\"},\\\"sameAs\\\":[\\\"https://detail.design\\\"],\\\"mainEntityOfPage\\\":{\\\"@type\\\":\\\"WebPage\\\",\\\"@id\\\":\\\"https://rene.wang/project/detail\\\"}},{\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Home\\\",\\\"item\\\":\\\"https://rene.wang/\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Detail\\\",\\\"item\\\":\\\"https://rene.wang/project/detail\\\"}]}]}\"}}],[\"$\",\"$L11\",null,{\"slug\":\"detail\",\"frontmatter\":{\"title\":\"Detail\",\"description\":\"A collection of small, careful, crafted design details.\",\"createAt\":\"2025-12-29T00:00:00.000Z\",\"cover\":\"/project/detail.png\",\"video\":\"/project/detail-preview.mp4\",\"year\":2025,\"link\":\"https://detail.design\",\"featured\":true,\"theme\":\"#FAF8F4\"},\"previousSlug\":\"wording\",\"nextSlug\":\"flowferry\",\"children\":[[\"$\",\"p\",null,{\"children\":\"Detail is a public scrapbook of the small choices that make products feel crafted and soulful. Some of them are original creation and others are spotted on the social.\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"As of Jul 2026, over 100,000 designers and engineers have visited Detail, and over 2,000 people followed it on \",[\"$\",\"a\",null,{\"href\":\"https://x.com/detaildotdesign\",\"target\":\"_blank\",\"rel\":\"noreferrer noopener\",\"className\":\"group\",\"children\":[[\"$\",\"$L12\",null,{\"src\":\"https://x.com/favicon.ico\"}],[\"Twitte\",[\"$\",\"span\",null,{\"className\":\"whitespace-nowrap\",\"children\":[\"r\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
3:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-up-right ml-1 inline-block h-3.5 w-3.5 align-[-0.125em] transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",\"1tivn9\",{\"d\":\"M7 7h10v10\"}],[\"$\",\"path\",\"1vkiza\",{\"d\":\"M7 17 17 7\"}],\"$undefined\"]}]]}]]]}],\".\"]}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"Learn more about \",[\"$\",\"a\",null,{\"href\":\"https://detail.design/about\",\"target\":\"_blank\",\"rel\":\"noreferrer noopener\",\"className\":\"group\",\"children\":[[\"$\",\"$L12\",null,{\"src\":\"https://detail.design/favicon.ico\"}],[\"why Rene built Detai\",[\"$\",\"span\",null,{\"className\":\"whitespace-nowrap\",\"children\":[\"l\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-up-right ml-1 inline-block h-3.5 w-3.5 align-[-0.125em] transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",\"1tivn9\",{\"d\":\"M7 7h10v10\"}],[\"$\",\"path\",\"1vkiza\",{\"d\":\"M7 17 17 7\"}],\"$undefined\"]}]]}]]]}],\".\"]}]]}]]\nd:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, viewport-fit=cover\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#f4f4f4\"}]]\n13:I[83898,[],\"IconMark\"]\na:null\nf:[[\"$\",\"title\",\"0\",{\"children\":\"Detail · Rene Wang\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"A collection of small, careful, crafted design details.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://rene.wang\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Rene Wang\"}],[\"$\",\"link\",\"4\",{\"rel\":\"manifest\",\"href\":\"/icon/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Rene Wang\"}],[\"$\",\"link\",\"6\",{\"rel\":\"canonical\",\"href\":\"https://rene.wang/project/detail\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:title\",\"content\":\"Detail\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:description\",\"content\":\"A collection of small, careful, crafted design details.\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:url\",\"content\":\"https://rene.wang/project/detail\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:site_name\",\"content\":\"Rene Wang\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image\",\"content\":\"https://rene.wang/project/detail.png\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:alt\",\"content\":\"Detail\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:creator\",\"content\":\"@renedotwang\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:title\",\"content\":\"Detail\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:description\",\"content\":\"A collection of small, careful, crafted design details.\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image\",\"content\":\"https://rene.wang/project/detail.png\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/icon/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"/icon/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"/icon/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"/icon/favicon-96x96.png\",\"sizes\":\"96x96\",\"type\":\"image/png\"}],[\"$\",\"link\",\"24\",{\"rel\":\"icon\",\"href\":\"/icon/android-icon-192x192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"25\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon/apple-icon-180x180.png\",\"sizes\":\"180x180\"}],[\"$\",\"link\",\"26\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon/apple-icon-152x152.png\",\"sizes\":\"152x152\"}],[\"$\",\"link\",\"27\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon/apple-icon-120x120.png\",\"sizes\":\"120x120\"}],[\"$\",\"link\",\"28\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon/apple-icon.png\"}],[\"$\",\"$L13\",\"29\",{}]]\n"])</script>
3</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.