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 for a change below and we remove it.
Is this your portfolio?
mattfarley.ca