Clean Hugo Theme

A modern, customizable Hugo theme built with Vanilla CSS & Alpine.js

A simple yet beautiful responsive design with customizable colors, and ready-to-use shortcodes for cards, figures, metrics, sections, and more.

Clean Hugo Theme hero illustration

A Clean Accessible Theme

Responsive Design

Built mobile-first with CSS. The site looks great on any device—from smartphones to desktop displays.

Gallery Support

Create masonry-style image galleries or grid-style card galleries with built-in filtering and responsive layouts.

Modern Blog System

Full-featured blog with a beautiful layout, archive section, categories, tags, and customizable layouts. Syntax highlighting, admonitions, and rich formatting are available out of the box.

Powerful Shortcodes

Create dynamic layouts with built-in shortcodes for cards, metrics, sections, and more.

Fast & Lightweight

Built with performance in mind. Uses system fonts by default with optional Google Fonts support. Minimal JavaScript, maximum speed.

Theme Features at a Glance

Everything you need to build a modern website • Simple configuration • Powerful customization
100% customizable colors
15+ shortcodes included
3 layout types
WCAG AA accessible

Key Features

  • Multiple page layouts: – Splash, blog, gallery, and default
  • Customizable color palette – All colors configurable via hugo.toml
  • Google Fonts integration – Or use system fonts for speed
  • Syntax highlighting – Beautiful code blocks with multiple themes
  • Responsive navigation – Mobile-friendly menu system
  • Coming soon…. SEO optimized – Proper meta tags and semantic HTML

Built With

  • Hugo – Fast static site generator
  • PostCSS – For CSS processing and optimization
  • Font Awesome – Icon support

What You Get with Clean Hugo

A complete theme ready to customize for your needs:

  • Flexible content types – Blog posts, galleries, and custom pages with dedicated layouts for each content type

  • Rich shortcode library – Pre-built components for cards, hero sections, metrics bars, image galleries, admonitions, and more—all easily customizable

  • Simple configuration – Control colors, fonts, and features from a single hugo.toml file.

Theme Documentation & Examples

Create and Use Buttons

The Clean Hugo theme includes a unified button system that provides consistent, accessible, and customizable buttons throughout your site. This guide demonstrates all available button variants and how …

Read more