One base color
The whole palette is derived from one value using CSS variables, so adding a new theme takes a single line.
Hi, I’m Yazeed.
I’m learning to design and build clean, responsive interfaces. This page is my workshop: every detail on it is something I’m practicing.
One color, many shades
Every shade here comes from a single base color. Change the theme or the mode at the top and these update. Click a swatch to copy its hex code.
Design notes
The reasoning behind the choices on this page.
Fluid, not fixed
Type and spacing scale smoothly with the screen instead of jumping at set breakpoints.
Readable everywhere
Contrast is tuned for every theme and mode. Focus rings are visible and the page works with a keyboard.
Motion on request
Reveals, hover lifts and the cursor glow turn off for visitors who prefer reduced motion. Your theme choice is remembered.
Projects
Nothing here yet. Each card below is a slot waiting for a real project.
Project one
A short line about what it is, and what I learned building it.
Project two
A short line about what it is, and what I learned building it.
Project three
A short line about what it is, and what I learned building it.