LogoA Template
icon of hugo-clarity

hugo-clarity

A theme for Hugo based on VMware Clarity, offering rich code support, dark/light mode, and mobile support for technology-minded sites.

Introduction

Hugo Clarity Theme

A technology-minded theme for Hugo based on VMware's open-source Clarity Design System featuring rich code support, dark/light mode, mobile support, and much more. See a live demo at neonmirrors.net.

Key features:

  • Blog with tagging and category options
  • Search functionality
  • Deeplinks
  • Hugo Page Bundles support
  • Native image lazy-loading
  • Customizable configuration
  • Dark mode with UI controls
  • Toggleable table of contents
  • Syntax highlighting with rich code block functions (copy, line wrap, line numbers, language label, block expansion/contraction)
  • Configurable site disclaimer
  • Flexible image configuration with modern formats like WebP
  • Mobile support with configurable menu alignment
  • I18N support
  • Math notation using KaTeX

Hugo Clarity is open-sourced under the MIT license.

A templateCopy badages awards

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates