Designing for the Modern Web

A website today shouldn't just present information—it should feel alive. In this post, we discuss the aesthetics behind this CMS.

Glassmorphism

By using backdrop-filter: blur(12px) and semi-transparent backgrounds, we create a layered hierarchy that looks premium.

Typography

We've used Outfit for headings and Inter for body text. These fonts provide a perfect balance of personality and readability.

HSL Color Spaces

Instead of hex codes, HSL allows us to mathematically derive highlight and shadow colors, ensuring a harmonious palette.

:root {
  --primary: hsl(230, 80%, 65%);
}

Try editing this markdown file and running python cms.py again!