Menu
Β© 2025 DEV.SYS
πŸ€–

DEV Assistant

Always online

AI

Hey! πŸ‘‹ I'm here to help you learn more about my work. What would you like to know?

All Projects
Live

Personal Website

A brutalist portfolio built with Astro

AstroJS Tailwind CSS TypeScript

A minimalist personal website showcasing my work and thoughts. Built with a focus on performance, accessibility, and clean design aesthetics.

Overview

This portfolio website represents my design philosophy: less noise, more signal. Built from scratch using modern web technologies, it prioritizes performance and user experience above all.

The Challenge

I wanted to create a personal space on the web that:

  • Loads instantly on any device
  • Reflects my minimalist aesthetic preferences
  • Makes my work easily discoverable
  • Provides a unique, memorable experience

Technical Approach

Static-First Architecture

Using Astro.js allowed me to ship zero JavaScript by default while still having access to modern component patterns. Pages are pre-rendered at build time, resulting in lightning-fast load times.

Design System

The brutalist design language uses a carefully curated palette:

  • Deep blacks for backgrounds
  • Pearl whites for text contrast
  • Steel grays for subtle separations
  • JetBrains Mono for that developer aesthetic

Content Management

Blog posts and project details are managed through Astro’s Content Collections, allowing me to write in Markdown while maintaining type safety.

Key Features

  • Blazing Fast β€” Perfect Lighthouse scores across the board
  • Fully Responsive β€” Optimized for mobile, tablet, and desktop
  • Dark Mode Native β€” Because developers prefer dark themes
  • Blog Integration β€” Built-in markdown-powered blog
  • Chat Widget β€” Interactive AI-powered assistant

Lessons Learned

Building my own portfolio taught me the value of constraint. By limiting my color palette and focusing on typography, I was able to create something distinctive without adding complexity.