HugoBlogTool Site

Shapez-Theme — Hugo Blog Template

By djuelg

Shapez-Theme is a Hugo-based blog theme that makes heavy use of inline SVG graphics, featuring a homepage timeline, single-page articles, and a playground page.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Heavy use of inline SVG graphics to build the interface

02

Homepage provides a timeline display

03

Includes single-page content and a playground page for unstructured content

04

Displays article reading time

05

Sidebar or top bar switches responsively based on aspect ratio

Template Details

Shapez-Theme is a blog theme developed by djuelg for Hugo. The author originally designed it for their own blog and later open-sourced it. A notable characteristic is its heavy use of inline SVG graphics; the README also warns that while SVG is nice, it can be cumbersome to modify, and adjusting the theme to your own preferences requires learning some SVG knowledge.

The theme provides a homepage timeline, single pages for writing content, a playground for unstructured content, and displays article reading time. The layout switches between a sidebar and a top bar based on aspect ratio, and is responsive for common screens and phones. The README explicitly states that the theme does not fully support Internet Explorer and welcomes pull requests to add support; the comment feature is described in the README as "would be nice to have" and remains an unimplemented idea.

The repository provides sample-config.toml; to use it, copy that file into your project directory and replace it with your own configuration file, then adjust the configuration as needed. The demo site is hosted by themes.gohugo.io, and the README notes that the demo may have flaws due to absolute/relative link issues. The theme icons come from Freepik, Daniel Bruce, and Plainicon on flaticon.com, and the author also referenced code from CrimsonRay, the author of the slender theme.

HugoBlogTool Site

Is it right for your project?

Use Cases

  • Publishing and archiving articles for a personal blog
  • Sites that need to present content order in a timeline format
  • Hugo sites that want to shape their visual style with SVG graphics

Suitable For

  • Developers building personal blogs with Hugo
  • Users willing to learn SVG to adjust the theme's appearance
  • Projects needing a responsive blog layout for common screens and phones

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Copy sample-config.toml from the repository into your project directory and replace it with your own configuration file

  2. 2

    Adjust configuration items as needed

  3. 3

    The README notes that the demo site may behave abnormally due to absolute/relative link issues

  4. 4

    The theme does not fully support Internet Explorer

  5. 5

    Third-party assets such as icons come from flaticon.com and must be checked against their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of that 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

  • The theme does not fully support Internet Explorer and may display incorrectly or have limited functionality in IE browsers; support would require submitting a pull request yourself.
  • Adjusting the theme's appearance to your needs requires having and learning SVG knowledge; otherwise customization is difficult.
  • The official demo site may behave abnormally due to absolute/relative link issues; the demo does not represent actual deployed behavior.
  • The comment feature is only an idea and has not been implemented; the theme itself does not provide comment functionality.
  • The icons used by the theme come from Freepik, Daniel Bruce, and Plainicon on flaticon.com; these third-party assets have licenses different from the MIT code license and must be checked and followed according to their respective terms.
  • 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

Permission is hereby granted, free of charge

Original License Text

Attention! This theme isn't build with full Internet Explorer Support - feel free to create a merge request to add support.

Original README

be prepared to learn some SVG if you want to adapt the theme to your wishes

Original README

Note: Demo might be buggy because of absolute/relative links.

Original README

a comment section would be nice to have

Original README

Special thanks goes to [Freepik](http://www.flaticon.com/authors/freepik), [Daniel Bruce](http://www.flaticon.com/authors/Daniel%20Bruce) and [Plainicon](http://www.flaticon.com/authors/Plainicon) from [www.flaticon.com](http://www.flaticon.com) for their great icons!

Original README
https://github.com/djuelg/Shapez-Theme/blob/master/LICENSE.mdhttps://github.com/djuelg/Shapez-Theme/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. 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 · 77 / 100
Technologies
Hugo
Website type
Blog · Tool Site
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
2020-08-22
Screenshot last checked
2026-10-02

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.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 5c87d27c646f7e9e32f98a2ff9cfcf43de5375e252047bd84bd62a459244e8a4

2026-10-02T10:24:20.757Z

Source file / repository
# Shapez Theme for Hugo
Designed with passion and love.
Shapez is a modern hugo theme using a lot of SVG graphics.
SVG is super cool, but be aware - it can also be very nasty and exhausting.

- Demo: [https://themes.gohugo.io/theme/shapez-theme/](https://themes.gohugo.io/theme/shapez-theme/)
- Source: [https://github.com/djuelg/Shapez-Theme](https://github.com/djuelg/Shapez-Theme)

Note: Demo might be buggy because of absolute/relative links.

## Screenshot
![Screenshot](/images/screenshot.png)

## What it's meant to be
Initially I designed this theme for my own blog, but I decided to make it an open source project, because I thought other people might like it, too.
If you want to use it feel free to do so, but be prepared to learn some SVG if you want to adapt the theme to your wishes.

## Getting started
- copy the file sample-config.toml to your project folder
- replace the file with your config file
- adapt the config according to your wishes
- you are good to go

## Features
- responsive use of inline SVG
- Timeline on the homepage
- Single pages to write your content
- spread some unstructured content on the playground
- show reading time of articles
- modern and nice to read design
- responsive side or top bar, depending on apsect ratio
- a comment section would be nice to have
- responsive webdesign for most common screens (and smartphones)

Attention! This theme isn't build with full Internet Explorer Support - feel free to create a merge request to add support.

## Special Thanks
Special thanks goes to [Freepik](http://www.flaticon.com/authors/freepik), [Daniel Bruce](http://www.flaticon.com/authors/Daniel%20Bruce) and [Plainicon](http://www.flaticon.com/authors/Plainicon) from [www.flaticon.com](http://www.flaticon.com) for their great icons! Furthermore I would like to thank [CrimsonRay](https://github.com/CrimsonRay), the creator of the slender-Theme. He inspired me to make my own theme and I reused some of his code.
Last but not least, I would like to thank the creator and all the contributors at [Hugo](http://gohugo.io) for their great work!
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

hugo-PaperMod

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

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

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

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

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

Hugo · Blog

hextra

hextra

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

Hugo · Documentation