Design System

Published at Jul 12, 2026

Since this Website is a Fork of a Joy of Code Website, I will also use the Design System of Joy of Code. The original code can be found here 🔗.

Of course I made some changes to fit my needs, but it is based on open-props 🔗.

Buttons

Colors

--brand
--text-1
--text-2
--surface-1
--surface-2
--surface-3
--surface-4
--background

Fonts

Text: Atkinson Hyperlegible
{
    Code: "JetBrains Mono"
}

Icons

I use Lucide 🔗 for my icons.