cade.codes
Live
Loading the live site…
Cade Kynaston
Full-stack
Stack
Style
Dark
From the site itself
- Title
- Cade Kynaston - Software Developer
- Description
- Cade Kynaston is a software developer based in Salt Lake City, Utah. He is currently focused on using React and Gatsby to create extremely fast and responsive websites
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Cade Kynaston'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 Cade Kynaston's.
Sample built with its tokens
RalewayRoboto
Cade Kynaston
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
- RalewayHeadlinesAa600
- RobotoTextAa300Aa400
Type sizes
- 24pxPortfolio
- 22pxPortfolio
- 20pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
Corners and spacing
5px
Spacing
121520254090100
Content width: 1100px
Motion
cubic-bezier(0.645, 0.045, 0.355, 1)500ms
ease500ms
250ms500ms
Recognized patterns
- Dark themeDark background with light text.
- Sticky headerThe top bar stays visible while scrolling.
- Card gridProjects laid out in a grid.
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.
- Default typefaceAll text in the font set by default (Inter, Poppins or the system font).roboto
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?
cade.codes