kysondana.com
Live
Loading the live site…
Kyson Dana
UX / UI
Elsewhere
Stack
Style
Dark
From the site itself
- Title
- Kyson Dana | Design and Creative Direction
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Kyson Dana'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 Kyson Dana's.
Sample built with its tokens
Inter
Kyson Dana
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
- InterTextAa400Aa500Aa600
Type sizes
- 100pxPortfolio
- 56pxPortfolio
- 30pxPortfolio
- 20pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
Corners and spacing
8px10px20pxpill
Spacing
8101516346092100
Content width: 840px
Motion
ease300ms
cubic-bezier(0.645, 0.045, 0.355, 1)400ms
200ms300ms400ms500ms
Recognized patterns
- Dark themeDark background with light text.
- Single accentOne strong color reserved for what matters.
- 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.
- Card gridProjects laid out in a grid.
Is this yours and you'd rather we didn't show it? Ask us to remove it
- Default typeface+8All text in the font set by default (Inter, Poppins or the system font).inter
- Frosted glass everywhere+4Many cards and bars with a blurred, translucent background.backdrop-filter ×5
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?
kysondana.com