Behind the Scene
Here I'll explain how Detail was made.
Content curation
The initial idea comes from three sources:
- My own observation: I'll quickly record the screen and put in a folder to wait for following process.
- Social media (primarily Twitter): I'll bookmark it first.
- Community submission
The rule is simple: the interaction must be carefully considered, and generally not harmful.
Tools
Big shoutout to these tools & libraries that make my life easier.
- Mono Card: Beautify the video & photo.
- Raycast: I built an extension that quickly upload the media to R2. This really helps a lot.
- Linear: Track the dev process.
- Motion: The entire animation on the website is built with Motion.
How do I observe
I call this "field survey".
It's about feeling the world around you.
Resource
This is a special vault on Detail. I only pick evergreen content here. The real gem makes here.
To make every bit count here, I randomly shuffle the content here. If you like some, bookmark in whatever way you like instead of "hoping can come back to check later some day".
Platform building
There used to be a theme switcher in the 
Detail but later I removed it. I realize that no one will deliberately toggle the theme: if current system theme is uncomfortable, people will more likely change the system preference.
Some of the inspiration I collected can be found in a canvas:
I use Obsidian to edit this canvas.
Tech stack? NextJS + React + Tailwind.
Art
The art I used for cover is inspired from aviation system.