Back to Featured Works

Portfolio Website v9 — Minimalist Approach

Designed with minimalism-first philosophy using constraint-based design and content-focused architecture. The implementation utilizes system fonts for zero-latency typography, minimal CSS with utility-first approach, and vanilla JavaScript for essential interactions only. Built with the help of vibe coding for lean development. The styling system employs CSS logical properties for writing-mode independence, ch units for optimal line length, and prefers-reduced-motion for accessibility. Layout strategy uses intrinsic web design principles with min(), max(), and clamp() functions for fluid sizing without media queries. The project implements critical CSS inlining for instant first paint, resource hints for DNS prefetch, and minimal third-party dependencies. Performance features include sub-100KB total page weight, perfect Lighthouse scores, and instant page transitions. Accessibility includes semantic HTML, ARIA labels, keyboard navigation, and screen reader optimization. This project was inspired by brutalist web design and minimalist portfolios from the GitHub community.

Stack: HTML5, Minimal CSS, Vanilla JavaScript, System Fonts, No Framework
Visit Live Site →
Portfolio Website v9 Screenshot