Loading the live site…
Leonardo Oliveira
Frontend
Elsewhere
Stack
Style
Dark
From the site itself
- Title
- Leonardo Teixeira | Senior Software Architect
- Description
- Leonardo Teixeira - Senior Software Engineer & Architect specializing in High-Performance Systems, PHP, Laravel, Node.js, AWS, Kubernetes, and Scalability.
- Language
- English
- Added
- Nov 4, 2026
- Captured
- Nov 4, 2026
Design study
How Leonardo Oliveira'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 Leonardo Oliveira's.
Sample built with its tokens
Space GroteskJetBrains Mono
Leonardo Oliveira
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// 150ms
Typefaces
- Space GroteskTextAa300Aa400Aa700
- JetBrains MonoMonoAa400Aa500Aa700
Type sizes
- 48pxPortfolio
- 20pxPortfolio
- 18pxPortfolio
- 16pxPortfolio
- 14pxPortfolio
- 12pxPortfolio
- 10pxPortfolio
Corners and spacing
2px4pxpill
Spacing
48121624324048
Content width: 1280px
Motion
cubic-bezier(0.4, 0, 0.2, 1)300ms
cubic-bezier(0, 0, 0.2, 1)500ms
150ms300ms500ms· 7 animated elements
Recognized patterns
- Dark themeDark background with light text.
- Mono detailsMonospaced type for labels or data.
- Pill buttonsButtons and tags with fully rounded ends.
- Sticky headerThe top bar stays visible while scrolling.
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."INFRASTRUCTURE"
- Stock Lucide icons+7Icons are the unchanged Lucide set, the one most generators use.svg.lucide ×23
- Identical icon cards+6Groups of identical cards, each with an icon on top and a title.×2
- Frosted glass everywhere+4Many cards and bars with a blurred, translucent background.backdrop-filter ×6
- Pill above the headline+4A small pill above the main headline, like "✨ New"."System_Ready"
- Glow blobs+4Heavily blurred color patches behind the content.×2
- Big round numbers+4Figures like "50+ projects" or "5+ years" in large type with a small label.37%, 99.9%
- Pulsing dot+3An animated dot next to "available" or "online".×4
- Centered hero with two buttons+3Centered headline with two buttons below, how almost every template starts.h1
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?
leonardoliveira.com