Loading the live site…
Jonathan Patterson
UX / UIDetroit, United States
Elsewhere
Stack
Style
Dark
From the site itself
- Title
- Jonathan Patterson | Detroit Freelance Product Designer | Home
- Description
- My deep understanding of design helps businesses reach both companies and consumers. From UX design to impactful creative guidance and polished execution, I help companies from all over achieve their creative and strategic objectives, all from Metro Detroit, Michigan.
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Jonathan Patterson'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 Jonathan Patterson's.
Sample built with its tokens
NorlineSairasemicondensed
Jonathan Patterson
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
- NorlineHeadlinesAa400
- SairasemicondensedTextAa400
Type sizes
- 300pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
Corners and spacing
Spacing
2030
Motion
ease200ms
200ms
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.
- Sharp cornersAlmost no rounded corners.
- Smooth scrollScrolling glides with inertia.
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).arial
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?
jonathanpatterson.com