About

Our website builds with Hugo static site generator and Clarity theme. This demo allows you to see what Clarity based website looks like before deciding to go with it. Just keep in mind that the current demo shows the basics, a small part of what the combination of Hugo and Clarity can do.

About Clarity

Clarity is a modern, responsive Hugo theme with automatic dark mode support and CSS Custom Properties. Based on the popular Mainroad theme by Vimux.

Main features:

  • Responsive design
  • Automatic dark mode via prefers-color-scheme
  • CSS Custom Properties for easy customization
  • Main & secondary menus
  • Widgetized sidebar
  • Translations. Over 15 languages and counting
  • Configurable theme settings (sidebar position, author box, post navigation, highlight color) via config.toml
  • Hugo internal templates (Open Graph, Schema, Twitter Cards, Disqus, Google Analytics)
  • Modern browser compatibility
    • Desktop: Chrome 88+, Firefox 78+, Safari 14+, Edge 88+
    • Mobile: Modern Android browsers, Safari (iOS 14+), Chrome Mobile
  • Custom Google Fonts support, MathJax, Table of Contents, SVG icons and much more…

Learn more on GitHub. Clarity theme is released under the GPLv2 license.

About Hugo

Hugo is a static HTML and CSS website generator written in Go. It is optimized for speed, ease of use, and configurability. Hugo takes a directory with content and templates and renders them into a full HTML website. With its amazing speed and flexibility, Hugo makes building websites fun again.

Learn more on GitHub. Complete documentation is available at Hugo Documentation.