diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index eb3eb39..34af77a 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -7,10 +7,18 @@ import '@fontsource/source-code-pro/latin.css'
 import '@fontsource/space-mono/latin.css'
 import '@fontsource/iosevka/latin.css'
 
-
 import '../styles/main.scss'
 
-const { title, description, thumbnail, pageName } = Astro.props
+type Props = {
+    title: string
+    description: string
+    thumbnail: string
+
+    /** Tags for the page, used for styling */
+    pageTags: string | string[]
+}
+
+const { title, description, thumbnail, pageTags } = Astro.props
 ---
 
 <!doctype html>
@@ -47,7 +55,7 @@ const { title, description, thumbnail, pageName } = Astro.props
 
         <title>{title}</title>
     </head>
-    <body class:list={Array.isArray(pageName) ? pageName : [pageName]}>
+    <body class:list={typeof pageTags === 'string' ? [pageTags] : pageTags}>
         <slot />
     </body>
 </html>
diff --git a/src/pages/appunti/index.astro b/src/pages/appunti/index.astro
index 388bb7a..f981c3f 100644
--- a/src/pages/appunti/index.astro
+++ b/src/pages/appunti/index.astro
@@ -4,7 +4,7 @@ import PageLayout from '@layouts/PageLayout.astro'
 import { AppuntiList, AppuntiCard } from '@client/Appunti'
 ---
 
-<PageLayout pageName="appunti">
+<PageLayout pageTags="appunti">
     <h1>Appunti & Dispense</h1>
 
     <div class="search">
diff --git a/src/pages/guide/[id].astro b/src/pages/guide/[id].astro
index 5d2ac82..31ebf9b 100644
--- a/src/pages/guide/[id].astro
+++ b/src/pages/guide/[id].astro
@@ -18,7 +18,7 @@ const { entry } = Astro.props
 const { Content } = await entry.render()
 ---
 
-<ArticleLayout {...entry.data} pageName={['guida', entry.data.id, entry.data.series && 'series']}>
+<ArticleLayout {...entry.data} pageTags={['guida', entry.data.id, entry.data.series && 'series']}>
     <h1>{entry.data.title}</h1>
     {entry.data.series && <div class="series">Serie: {entry.data.series}</div>}
     <Content />
diff --git a/src/pages/guide/index.astro b/src/pages/guide/index.astro
index cde5b03..ba54b49 100644
--- a/src/pages/guide/index.astro
+++ b/src/pages/guide/index.astro
@@ -6,7 +6,7 @@ import PageLayout from '@layouts/PageLayout.astro'
 const guides = await getCollection('guides')
 ---
 
-<PageLayout pageName="guide">
+<PageLayout pageTags="guide">
     <h1>Guide</h1>
     <div class="card-list">
         {
diff --git a/src/pages/guide/tags/[tag].astro b/src/pages/guide/tags/[tag].astro
index 42cebc0..37bd6d8 100644
--- a/src/pages/guide/tags/[tag].astro
+++ b/src/pages/guide/tags/[tag].astro
@@ -33,7 +33,7 @@ interface Props {
 const { tag, guides } = Astro.props
 ---
 
-<PageLayout pageName="guide tag">
+<PageLayout pageTags="guide tag">
     <h1>Guide > #{tag}</h1>
     <div class="card-list">
         {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 86926de..1ba4a9f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -12,7 +12,7 @@ const news = await getCollection('news')
 import { Content as WhatPhcContent, frontmatter as whatsPhcFrontmatter } from '../content/meta/whats-phc.md'
 ---
 
-<PageLayout pageName="homepage">
+<PageLayout pageTags="homepage">
     <section class="principal">
         <div class="circuit-layer">
             <canvas id="circuits-art"></canvas>
diff --git a/src/pages/login.astro b/src/pages/login.astro
index 018df76..c4345a4 100644
--- a/src/pages/login.astro
+++ b/src/pages/login.astro
@@ -2,7 +2,7 @@
 import PageLayout from '../layouts/PageLayout.astro'
 ---
 
-<PageLayout pageName="login">
+<PageLayout pageTags="login">
     <h1>Login</h1>
 
     <!-- form with username and password, and a button for oauth login -->
diff --git a/src/pages/meta/design.astro b/src/pages/meta/design.astro
index 8a967ab..49cf4e7 100644
--- a/src/pages/meta/design.astro
+++ b/src/pages/meta/design.astro
@@ -11,7 +11,7 @@ import { Content, getHeadings } from '../../content/meta/design.mdx'
 const headings = getHeadings()
 ---
 
-<BaseLayout {...Astro.props} pageName="design">
+<BaseLayout {...Astro.props} pageTags="design">
     <Header />
     <aside>
         <nav>
diff --git a/src/pages/notizie/[id].astro b/src/pages/notizie/[id].astro
index ba28d99..41e6d2c 100644
--- a/src/pages/notizie/[id].astro
+++ b/src/pages/notizie/[id].astro
@@ -15,6 +15,6 @@ const { entry } = Astro.props
 const { Content } = await entry.render()
 ---
 
-<ArticleLayout {...entry.data} pageName={['notizia']}>
+<ArticleLayout {...entry.data} pageTags={['notizia']}>
     <Content />
 </ArticleLayout>
diff --git a/src/pages/notizie/index.astro b/src/pages/notizie/index.astro
index 064c608..ce8002c 100644
--- a/src/pages/notizie/index.astro
+++ b/src/pages/notizie/index.astro
@@ -6,7 +6,7 @@ import PageLayout from '@layouts/PageLayout.astro'
 const news = await getCollection('news')
 ---
 
-<PageLayout pageName="notizie">
+<PageLayout pageTags="notizie">
     <h1>Notizie</h1>
     <div class="card-list">
         {
diff --git a/src/pages/storia.astro b/src/pages/storia.astro
index dd6d43b..5114b99 100644
--- a/src/pages/storia.astro
+++ b/src/pages/storia.astro
@@ -5,7 +5,7 @@ import Header from '../components/Header.astro'
 import Footer from '../components/Footer.astro'
 ---
 
-<BaseLayout {...Astro.props} pageName={'storia'}>
+<BaseLayout {...Astro.props} pageTags={'storia'}>
     <Header />
     <main>
         <h1>Storia</h1>
diff --git a/src/pages/utenti.astro b/src/pages/utenti.astro
index e834211..e69d8c7 100644
--- a/src/pages/utenti.astro
+++ b/src/pages/utenti.astro
@@ -2,7 +2,7 @@
 import PageLayout from '../layouts/PageLayout.astro'
 ---
 
-<PageLayout pageName="utenti">
+<PageLayout pageTags="utenti">
     <h1>Utenti</h1>
 
     <div class="search">
