belleduffner.com
Live
Loading the live site…
Belle Duffner
Product designer
Stack
Style
Light
From the site itself
- Title
- Belle Duffner
- Description
- Product & Brand designer who makes some magic 💻✨
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Belle Duffner'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 Belle Duffner's.
Sample built with its tokens
Exposure Trial -20Apercu Regular
Belle Duffner
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
- Exposure Trial -20HeadlinesAa398
- Apercu RegularTextAa400
Type sizes
- 36pxPortfolio
- 31pxPortfolio
- 20pxPortfolio
- 18pxPortfolio
- 17pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
Corners and spacing
6pxpill
Spacing
10151820304048100
Recognized patterns
- Light themeLight background with dark text.
- MonochromeOnly greys, black and white; no accent color.
- Pill buttonsButtons and tags with fully rounded ends.
- Custom cursorReplaces the mouse pointer with a designed one.
- Animated with MotionUses Motion (formerly Framer Motion) to animate in React.
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).sans-serif
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?
belleduffner.com