lucasnasson.com
Capture
This site can't be shown inside another page, so here is its full-page capture. Scroll it right here.
Lucas Nasson
Product designer
Stack
Style
Dark
From the site itself
- Title
- lucasnasson
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Lucas Nasson'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 Lucas Nasson's.
Sample built with its tokens
Cormorant GaramondInter Tight
Lucas Nasson
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
- Cormorant GaramondHeadlinesAa400
- Inter TightTextAa400Aa500Aa700
Type sizes
- 109pxPortfolio
- 70pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
Corners and spacing
pill
Spacing
111141621404348
Motion
ease-in-out140ms
linear400ms
cubic-bezier(0.4, 0, 0.2, 1)400ms
100ms140ms400ms
Recognized patterns
- Dark themeDark background with light text.
- MonochromeOnly greys, black and white; no accent color.
- Huge headlinesHeadlines of 64px or more that own the screen.
- Serif headlinesA serif typeface for headlines.
- Sharp cornersAlmost no rounded corners.
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.
- Steps 01, 02, 03Sections numbered 01, 02, 03 as a process.01, 02, 03
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?
lucasnasson.com