Portfolio Site

Overview

A personal portfolio and blog built with Hugo, featuring a dual-mode design system:

  • Boring Mode — A clean, dark-themed professional portfolio (current)
  • Fun Mode — A retro Windows XP–inspired theme (in development)

Technical Details

  • Static Site Generator — Hugo (extended edition)
  • Styling — Custom CSS with design tokens and CSS custom properties
  • Typography — Inter for body text, JetBrains Mono for code
  • Syntax Highlighting — Hugo’s built-in Chroma with Monokai theme
  • No JavaScript Frameworks — Vanilla JS only for mode toggling and mobile nav

Design Principles

  • Performance first
  • Responsive from mobile to desktop
  • Accessible navigation and semantic HTML
  • Dark theme that’s easy on the eyes
Portfolio Site — Project

Overview

A personal portfolio and blog built with Hugo, featuring a dual-mode design system:

  • Boring Mode — A clean, dark-themed professional portfolio (current)
  • Fun Mode — A retro Windows XP–inspired theme (in development)

Technical Details

  • Static Site Generator — Hugo (extended edition)
  • Styling — Custom CSS with design tokens and CSS custom properties
  • Typography — Inter for body text, JetBrains Mono for code
  • Syntax Highlighting — Hugo’s built-in Chroma with Monokai theme
  • No JavaScript Frameworks — Vanilla JS only for mode toggling and mobile nav

Design Principles

  • Performance first
  • Responsive from mobile to desktop
  • Accessible navigation and semantic HTML
  • Dark theme that’s easy on the eyes
Portfolio Site — Kristoffer Salander