andrew.codes
Capture
This site can't be shown inside another page, so here is its full-page capture. Scroll it right here.
Andrew Smith
Frontend
Stack
Style
Dark
From the site itself
- Title
- Andrew Smith | Home
- Description
- Professional profile of Andrew Smith. View my resume, recommendations, and featured posts.
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Andrew Smith'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 Andrew Smith's.
Sample built with its tokens
Lato-BoldLato
Andrew Smith
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
- Lato-BoldHeadlinesAa600Aa700Aa900
- LatoTextAa400Aa500Aa600
Type sizes
- 64pxPortfolio
- 36pxPortfolio
- 24pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
Corners and spacing
2px4px6px8pxpill
Spacing
348121624
Content width: 960px
Motion
cubic-bezier(0.33, 1, 0.68, 1)80ms
80ms
Recognized patterns
- Dark themeDark background with light text.
- Huge headlinesHeadlines of 64px or more that own the screen.
- Pill buttonsButtons and tags with fully rounded ends.
Is this yours and you'd rather we didn't show it? Ask us to remove it
We found none of the usual generator patterns.
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?
andrew.codes