Back to Portfolio Work
Web Design

Nikolas Leonidis Light-Yellow Portfolio System

A custom, lightweight PHP portfolio website designed with warm editorial typography, vanilla CSS design tokens, accessibility, and Resend email integration.

Role Web Designer & Developer
Timeline 2026
Category Web Design
Tools Used
HTML5 CSS3 Vanilla JS PHP 8.1+ Resend PHP API Figma
Nikolas Leonidis Light-Yellow Portfolio System case study showcase

The Challenge

Build a fast, dependency-free portfolio that runs on standard Custom PHP/HTML hosting without frontend build frameworks, while delivering a modern, accessible, and warm design aesthetic.

Design & Implementation Process

1

Established a light-yellow and warm-white design system using CSS variables.

2

Structured modular PHP includes for headers, footers, helpers, and dynamic case study data.

3

Implemented a secure Resend PHP contact form endpoint with CSRF tokens, honeypot protection, and rate limiting.

4

Optimized accessibility (WCAG 2.2 AA standards), fluid typography, and mobile drawer navigation.

Solution

Created a responsive portfolio architecture running pure HTML5, CSS3, Vanilla JS, and PHP 8.1+, ensuring 100% server-side security and immediate zero-build deployment.

Outcome & Impact

Complete production-ready web platform showcasing factual CV experience, services, and dynamic case study views.

Live Project Preview

Explore the live production website:

Visit Live Website

Visual Gallery

Nikolas Leonidis Light-Yellow Portfolio System detail view