david-hckh.com
Live
Loading the live site…
David Hckh
UX / UIGermany
Stack
Style
Light
From the site itself
- Title
- David Heckhoff - Web Developer (WebGL & Node.js)
- Description
- Web developer creating interactive 3D web experiences and real-time apps with WebGL, TypeScript, and Node.js for high-performance, engaging websites.
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How David Hckh'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 David Hckh's.
Sample built with its tokens
Urbanist
David Hckh
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
Typefaces
- UrbanistTextAa400Aa500Aa700Aa900
Type sizes
- 88pxPortfolio
- 72pxPortfolio
- 28pxPortfolio
- 22pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
Corners and spacing
12px16px24pxpill
Spacing
48101218202836
Motion
ease-in-out300ms
cubic-bezier(0.6, 0, 0.25, 1)500ms
100ms300ms500ms
Recognized patterns
- Light themeLight background with dark text.
- Huge headlinesHeadlines of 64px or more that own the screen.
- Pill buttonsButtons and tags with fully rounded ends.
- Sticky headerThe top bar stays visible while scrolling.
- Smooth scroll
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.
- Identical icon cardsGroups of identical cards, each with an icon on top and a title.×1
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?
david-hckh.com