kyh.io
Live
Loading the live site…
Kaiyu Hsu
Full-stack
Stack
Style
Light
From the site itself
- Title
- Kaiyu Hsu
- Description
- Building things for the interwebs. By day, I get to do that through investing, advising, and working on products you may not have heard of (yet)
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Kaiyu Hsu's site is built
Read on Nov 4, 2026Colors, type, shapes and motion read from the live page. It's here to learn from: the design is Kaiyu Hsu's.
Sample built with its tokens
GeistSansui-monospace
Kaiyu Hsu
This block isn't a copy of the site: it's put together only with the colors, typefaces and corners we read from it.
Main actionSecondary// 150ms
Typefaces
- GeistSansTextAa300Aa500
- ui-monospaceMonoAa300
Type sizes
- 18pxPortfolio
- 15pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
Corners and spacing
4px6px14px20pxpill
Spacing
246812162024
Motion
ease-out200ms
cubic-bezier(0.4, 0, 0.2, 1)230ms
ease-in-out400ms
150ms200ms230ms400ms· 11 animated elements
Recognized patterns
- Light themeLight background with dark text.
- MonochromeOnly greys, black and white; no accent color.
- Mono detailsMonospaced type for labels or data.
- Pill buttonsButtons and tags with fully rounded ends.
- Sticky headerThe top bar stays visible while scrolling.
Is this yours and you'd rather we didn't show it? Ask us to remove it
We found these, but a single loose pattern doesn't add points: it takes several together, or a direct trace of a generator.
- Stock component kitUses shadcn/ui's default colors and radii, the kit almost every generator picks.data-slot ×57
Automatic estimate by folios.directory, measured Nov 4, 2026. If it's wrong, the mistake is ours. Using AI is fine: this only shows how close a site is to a generator's defaults.
Report a mistake
Is this your portfolio?
kyh.io