benrogers.dev
Live
Loading the live site…
Ben Rogers
Frontend
Stack
Style
Light
From the site itself
- Title
- Ben Rogers | .NET, Node.js, TypeScript & PHP Developer in Brisbane, Australia
- Description
- Brisbane-based full stack software engineer specialising in .NET, Node.js, TypeScript, PHP/Laravel, React, and AWS. Building scalable web applications for enterprise.
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Ben Rogers'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 Ben Rogers's.
Sample built with its tokens
Ubuntu
Ben Rogers
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
- UbuntuTextAa400Aa500Aa600Aa700
Type sizes
- 60pxPortfolio
- 30pxPortfolio
- 20pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
Corners and spacing
4px6px8pxpill
Spacing
246812162448
Motion
cubic-bezier(0.4, 0, 0.2, 1)150ms
cubic-bezier(0, 0, 0.2, 1)150ms
150ms
Recognized patterns
- Light themeLight background with dark text.
- MonochromeOnly greys, black and white; no accent color.
- 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
- Stock component kit+14Uses shadcn/ui's default colors and radii, the kit almost every generator picks.--background, --ring, --radius… ×8
- Stock Lucide icons+7Icons are the unchanged Lucide set, the one most generators use.svg.lucide ×9
- Identical icon cards+6Groups of identical cards, each with an icon on top and a title.×1
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?
benrogers.dev