HugoPortfolioBlog

typo — Hugo Portfolio Template

By tomfran

Typo is a content-focused Hugo theme that provides blog and portfolio pages, emphasizes clean typography, and includes Wiki documentation covering installation and features.

Open Source SiteDownload Source ZIP

Explore the design

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

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-09-30View source

What stands out

A quick read of the recorded project description.

01

A static site theme based on Hugo, released under the MIT license

02

Content-focused clean typography with clear homepage and article page structure

03

Provides features such as automatic heading numbering, dark mode, color schemes, dark and light images, and comments

04

The official Wiki includes installation steps and feature descriptions

05

The repository includes a demo site and screenshots of desktop, mobile, and inner pages

Template Details

Typo is a Hugo theme hosted on GitHub, created by tomfran and released under the MIT license. Its design goal is to center the site around the content itself, keeping the interface simple; screenshots in the repository show the typographic style of the homepage and article pages.

The theme suits both blog and portfolio sites, and the official Wiki provides setup installation instructions and a feature overview. Features listed in the README include automatic heading numbering, dark mode, color schemes, dark and light images, and comments; refer to the Wiki for specific usage.

The repository provides a demo site (typo-wiki) as well as screenshots of desktop, mobile, and representative inner pages, which can be used to judge the actual presentation. Social icon SVGs are taken from Simple Icons. Third-party assets of the theme (such as demo images, fonts, and icons) must be checked separately under their respective licenses and cannot be judged solely by the code's MIT license.

HugoPortfolioBlog

Is it right for your project?

Use Cases

  • Building a personal blog focused on text content
  • Creating a minimalist personal portfolio page
  • Documentation or article sites that need dark mode and color scheme switching
  • Hugo projects where you want to refer to the official Wiki to configure the theme and enable features

Suitable For

  • Developers building static sites with Hugo
  • Personal bloggers who prefer clean typography and content-first design
  • Users who need both blog and portfolio page forms
  • People willing to read the Wiki documentation and configure the theme themselves according to the instructions

Getting started & customization

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

  1. 1

    See the setup page of the official Wiki for installation and configuration steps

  2. 2

    See the features page of the Wiki for how to enable features (such as automatic heading numbering and comments)

  3. 3

    The theme code is MIT licensed; when distributing, retain the copyright notice and license text

  4. 4

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope is the code of that version and does not mean 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 under 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 separate charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text
https://github.com/tomfran/typo/blob/main/LICENSEhttps://github.com/tomfran/typo/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. 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 · 88 / 100
Technologies
Hugo
Website type
Portfolio · 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-01
Screenshot last checked
2026-10-01

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: 328423be4e064052ca4a88c58495ceda74a69a59f352a5c95c42f0dbeb1c3ebc

2026-10-01T13:45:01.154Z

Source file / repository
![banner](https://raw.githubusercontent.com/tomfran/typo/main/images/banner-light.webp#gh-light-mode-only)
![banner](https://raw.githubusercontent.com/tomfran/typo/main/images/banner-dark.webp#gh-dark-mode-only)

<div align="center">

[![wiki](https://img.shields.io/badge/doc-wiki-red?style=for-the-badge)](https://tomfran.github.io/typo-wiki/)
[![GitHub Release](https://img.shields.io/github/v/release/tomfran/typo?style=for-the-badge)](https://github.com/tomfran/typo/releases/latest)
[![last-commit](https://img.shields.io/github/last-commit/tomfran/typo?style=for-the-badge)](https://github.com/tomfran/typo/commits/)
![stars](https://img.shields.io/github/stars/tomfran/typo?style=for-the-badge&color=orange)

</div>

# Typo, a Hugo theme.

Typo is a theme backed by simplicity, as you can see in the screenshots below. The goal was to have a website centered around content and nothing more.

**Homepage**

![1](https://raw.githubusercontent.com/tomfran/typo/main/images/1.webp)

**Article**

![2](https://raw.githubusercontent.com/tomfran/typo/main/images/2.webp)

![3](https://raw.githubusercontent.com/tomfran/typo/main/images/3.webp)

## Wiki

Typo's [Wiki](https://tomfran.github.io/typo-wiki/) is the place to find instructions on how to [setup](https://tomfran.github.io/typo-wiki/setup) the theme and an overview of the available [features](https://tomfran.github.io/typo-wiki/features). 

Some of the most relevant are: heading auto-numbering, dark mode, color palettes, dark and light images, comments, etc.

## Support

If you use the theme or found it useful you can support me by leaving a star ⭐ to Typo's Github repository.

[Contributions](https://github.com/tomfran/typo/blob/main/CONTRIBUTING.md) are always welcome, feel free to open issues and PRs with fixes or new features.

## Typo Users

If you're using Typo for your website, feel free to add your website to [the list](https://github.com/tomfran/typo/blob/main/USERS.md) alongside what you do! 😊

## Questions or ideas? 

Use the [discussion tab](https://github.com/tomfran/typo/discussions) to share ideas/tips/questions about Typo or Hugo in general!

## References

The SVGs for social icons are taken from [Simple Icons](https://github.com/simple-icons/simple-icons).
Every SVG present on the website is usable on the theme.
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