Leonardo Vasconcellos — Portfolio

Screenshots

screenshots · leonardo1 / 4

Overview

This is the personal website of Leonardo Lima de Vasconcellos, a developer who has been building for the web since 2005. Over the years, he has worked on around 70 projects across five eras of web technology, from Flash and Flex to AI-assisted development. The site is organized around a simple idea: introduce the person first, then share his writing, showcase his work, and make it easy to get in touch. The homepage follows that same flow, moving from the hero section through the about page, selected projects, recent posts, client testimonials, and finally the contact section.

Writing is at the heart of the site. The blog brings together 44 posts migrated from a previous website that surpassed one million views. The original comments and images have been preserved, while the content is now available in both English and Portuguese, with localized URLs and syntax-highlighted code examples.

The portfolio features 46 projects, displayed in a compact grid that opens into detailed case studies. Some projects also have dedicated showcase pages, including Easy Clinic / Clínica Fácil and Histórias do Juca. When original screenshots were no longer available, seed-based low-poly artwork was generated to keep the archive visually consistent. A print-friendly resume completes the experience for anyone interested in working with Leonardo.

Behind the scenes, the site uses a dark-only theme and an OKLCH-based color system built around three clearly defined tiers, each with a specific purpose. Exo, Sora, and JetBrains Mono are self-hosted, and the CSS is written by hand for each component, without relying on a utility framework. Pages are server-rendered by default, and every route is pre-generated in both languages. Each page also includes its own SEO metadata, from canonical URLs and language alternates to sitemap and robots configuration, along with social sharing cards.

Highlights