Derived from hugo-PaperMod, retaining its structure while adding the Blueprint visual language
hugo-blueprint — Hugo Blog Template
By Kircerta
A PaperMod-derived Hugo theme for dense technical blogs, project logs, and research notes, offering blueprint-style light and dark modes and a card-based article layout.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Provides Blueprint dark and light modes with a fixed toggle button on the page
Homepage and list pages use a card-based article layout with compact metadata
Long technical articles support a collapsible table of contents
Archives, search, tags, pagination, tables, and code blocks all have styles
Includes a multilingual example site, with interface text configured under params.blueprint
Template Details
Hugo Blueprint is an implementation of Zixiang Zhang's personal design language on Hugo, originating from his personal website and derived from hugo-PaperMod. The theme is positioned to host dense technical blogs, project logs, and research notes, so the homepage and list pages use a card-based article layout with compact metadata to present more entries in limited space.
Visually, it provides Blueprint dark and Blueprint light modes with a fixed-position mode toggle. Long technical articles can enable a collapsible table of contents. Archives, search, tags, pagination, tables, and code blocks all have corresponding styles. The theme includes a multilingual example site, and interface text can be configured via params.blueprint, such as the homepage kicker, article prefix, entry button text, and light/dark mode labels.
Installation involves adding the repository as a submodule to the themes directory of a Hugo site and setting the theme in the site configuration. The example site can be built with the hugo command using exampleSite as the source. The theme is derived from PaperMod, and both are distributed under the MIT license.
Is it right for your project?
Use Cases
- Writing lengthy technical articles with code blocks and tables
- Recording project logs or research notes and archiving them by tag
- A personal blog that needs both light and dark reading modes
- Building a multilingual Hugo site starting from the example site
Suitable For
- Developers building personal technical blogs with Hugo
- Writers who need dense article lists and compact metadata display
- Users who prefer the PaperMod structure but want a different visual style
- Authors who need a collapsible table of contents to organize long articles
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Add the repository to themes/hugo-blueprint via git submodule add, and set theme = "hugo-blueprint" in the configuration
- 2
Configure options such as mainSections, ShowReadingTime, ShowToc, and TocOpen under params
- 3
Set interface text under params.blueprint, such as homeKicker, articlePrefix, entryCta, documentLabel, darkLabel, and lightLabel
- 4
Build the example site with the command hugo --source exampleSite --themesDir ../.. --theme hugo-blueprint
- 5
Third-party assets such as demo images, fonts, and icons must be checked against their respective licenses and are not covered by the code's MIT license
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
https://github.com/Kircerta/hugo-blueprint/blob/main/LICENSEhttps://github.com/Kircerta/hugo-blueprint/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-12. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 80 / 100
- Technologies
- Hugo
- Website type
- Blog
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-05-20
- Screenshot last checked
- 2026-10-12
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Hugo as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: fa4b18882d926d3c7af161ac50b2e07efc95864a0603ed1e12385a004668a4c0
2026-10-12T08:38:25.160Z
Source file / repository# Hugo Blueprint
Hugo [Blueprint](https://www.zixiangzhang.com/design/UndertideAtelier) is [Zixiang Zhang](https://zixiangzhang.com)'s personal design language for Hugo, originated from his [personal website](https://zixiangzhang.com). It is a PaperMod-derived theme for dense technical blogs, project logs, and research notes.
Author: [Zixiang Zhang](https://zixiangzhang.com). Personal Hugo blog: [kircerta.com](https://www.kircerta.com).
## Preview


## Theme Surface
- Article-card home and list pages with compact metadata.
- Blueprint dark and light visual modes with a fixed mode switch.
- Collapsible table of contents support for long technical posts.
- Styled archives, search, tags, pagination, tables, and code blocks.
- Multilingual example site and theme labels under `params.blueprint`.
## Install
Add the theme to a Hugo site:
```bash
git submodule add https://github.com/Kircerta/hugo-blueprint.git themes/hugo-blueprint
```
Set the theme:
```toml
theme = "hugo-blueprint"
```
## Configuration
```toml
baseURL = "https://example.com/"
title = "Blueprint"
theme = "hugo-blueprint"
defaultTheme = "dark"
disableThemeToggle = true
enableRobotsTXT = true
[outputs]
home = ["HTML", "RSS", "JSON"]
[params]
mainSections = ["posts"]
ShowReadingTime = true
ShowToc = true
TocOpen = false
[params.blueprint]
homeKicker = "BLUEPRINT BLOG"
articlePrefix = "ARTICLE"
entryCta = "READ ARTICLE"
documentLabel = "ARTICLE"
darkLabel = "BLUEPRINT DARK"
lightLabel = "BLUEPRINT LIGHT"
```
## Example Site
Demo: <https://kircerta.github.io/hugo-blueprint/>
Build the included example site:
```bash
hugo --source exampleSite --themesDir ../.. --theme hugo-blueprint --destination /tmp/hugo-blueprint-example --cleanDestinationDir --gc --minify
```
## Attribution
Blueprint is derived from [hugo-PaperMod](https://github.com/adityatelange/hugo-PaperMod) by [Aditya Telange](https://github.com/adityatelange). Thanks to [Hugo](https://gohugo.io/) and the [Hugo authors](https://github.com/gohugoio/hugo/graphs/contributors). PaperMod and Blueprint are distributed under the MIT License.
## License
MIT. See [LICENSE](LICENSE).
Explore similar templates
Compare previews and descriptions within the same stack and category.

hugo-PaperMod
A fast, clean, responsive Hugo theme for blogs and lightweight portfolios, with three layout modes (Regular, Home-Info, Profile), automatic and manual light/dark themes, Fuse.js client-side search, multilingual support, and built-in Open Graph, Twitter Cards, and Schema.org data.
Hugo · Portfolio

LoveIt
LoveIt is a clean, elegant, and feature-rich Hugo blog theme derived from LeaveIt and KeepIt, MIT-licensed. It offers light/dark modes, responsive layout, multilingual support, and search via Lunr.js or Algolia.
Hugo · Blog

hugo-coder
hugo-coder is a minimalist Hugo blog theme maintained by luizdepra under the MIT license. It provides a clean, text-focused blog appearance, configuration documentation in the docs directory, and a complete exampleSite with hugo.toml.
Hugo · Blog

blowfish
Blowfish is a Hugo personal website and blog theme built with Tailwind CSS 4, focused on lightness, simplicity, and content-first presentation.
Hugo · Blog

hugo-paper
hugo-paper is a simple, clean, and customizable Hugo blog theme configured through config.toml or hugo.toml.
Hugo · Blog

hextra
Hextra is a Hugo theme for documentation and blog sites, built on Hugo and Tailwind CSS with design referencing Nextra.
Hugo · Documentation
