ayfri.com
Live
Loading the live site…
Ayfri
Frontend
Stack
Style
Dark
From the site itself
- Title
- Full-Stack and AI Developer - Pierre Roy's Portfolio
- Description
- Pierre Roy (Ayfri), a Kotlin and Compose Multiplatform developer building web apps, Minecraft datapacks with Kore, and AI-powered side projects.
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Ayfri'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 Ayfri's.
Sample built with its tokens
Source Sans 3JetBrains Mono
Ayfri
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// 200ms
Typefaces
- Source Sans 3TextAa400Aa500Aa600
- JetBrains MonoMonoAa400Aa700
Type sizes
- 20pxPortfolio
- 19pxPortfolio
- 17pxPortfolio
- 16pxPortfolio
- 15pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
Corners and spacing
6px8px9px14px50px
Spacing
36789101112
Content width: 1200px
Motion
ease250ms
cubic-bezier(0.2, 0.8, 0.2, 1)300ms
200ms250ms300ms600ms· 9 animated elements
Recognized patterns
- Dark themeDark background with light text.
- Mono detailsMonospaced type for labels or data.
- 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
- Gradient text+8Headings or words painted with a color gradient."Ayfri"
- Identical icon cards+6Groups of identical cards, each with an icon on top and a title.×2
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?
ayfri.com