mattfarley.ca
Live
Loading the live site…
Matt Farley
Product designer
Stack
Figma
Style
LightPlayful
From the site itself
- Title
- Matt Farley | Designer, Frontend Developer & Mentor
- Description
- I design and code beautifully simple things, and I love what I do.
- Language
- English
- Added
- Nov 2, 2026
- Captured
- Nov 2, 2026
Design study
How Matt Farley's site is built
Read on Nov 2, 2026Colors, type, shapes and motion read from the live page. It's here to learn from: the design is Matt Farley's.
Sample built with its tokens
eurostileeuropa
Matt Farley
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
- eurostileHeadlinesAa400Aa500Aa700Aa800
- europaTextAa400
Type sizes
- 32pxPortfolio
- 26pxPortfolio
- 25pxPortfolio
- 24pxPortfolio
- 20pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
Corners and spacing
4px12pxpill
Spacing
8121924356072144
Content width: 1344px
Motion
ease-in-out250ms
ease250ms
200ms250ms
Recognized patterns
- Light themeLight background with dark text.
- 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 these, but a single loose pattern doesn't add points: it takes several together, or a direct trace of a generator.
- Stock phrasesCopy that repeats across generated sites ("crafting digital experiences", "pixel-perfect")."bringing ideas to life"
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?
mattfarley.ca