Hugo Marketing is a Hugo static-site theme for building marketing and landing pages, styled with Tailwind CSS and set up for Netlify deployment.
What is Hugo Marketing?
Hugo Marketing is a Hugo theme that provides the scaffolding for a marketing website: a Hugo module, Tailwind CSS integration, and a YAML-driven UI component list. As input it takes standard Hugo content and a data/tailwind_ui.yml file listing UI component versions; as output it produces a static marketing site ready to deploy to Netlify. The theme is published by the team-durumi organization on GitHub at github.com/team-durumi/hugo-marketing.
Key Features
Hugo Marketing is a Hugo theme that provides the scaffolding for a marketing website through Hugo Modules, Tailwind CSS, and a YAML-driven component list.
- Hugo Modules — The theme is installed by adding
github.com/team-durumi/hugo-marketingto theimportslist inmodule.yml, using Hugo's built-in module system. - Tailwind CSS integration — The theme requires a
tailwind.config.jsandpostcss.config.js, so your styles are built with Tailwind and PostCSS. - YAML-driven UI components — UI development is managed by adding a "roll" version entry to
data/tailwind_ui.yml, letting you track component versions in data rather than markup. - Netlify-ready — The repository topic list includes
netlify, indicating the theme is designed to build and deploy on Netlify without extra configuration. - Go module workflow — The setup starts with
go mod init github.com/your-org/your-project, tying the theme to Go's module tooling for dependency management. - Essential files included — You add
package.json,postcss.config.js, andtailwind.config.jsto the project root, plus adata/tailwind_ui.ymlfor UI configuration.
Who is it for?
Hugo Marketing is built for developers and teams who want a Hugo-based marketing site with Tailwind styling and Netlify deployment.
- Developers who use Hugo — They can scaffold a marketing site quickly using Hugo Modules instead of copying theme files manually.
- Marketing teams — They get a Tailwind-based site structure where component versions are tracked in a YAML file, making design changes easier to review.
- Agencies building landing pages — They can use the theme as a starting point for client projects, deploying to Netlify.
What can you do with Hugo Marketing?
With Hugo Marketing you can create a marketing website that uses Hugo content and a YAML component list, styled by Tailwind.
- Build a company marketing site — Use the theme's structure to publish pages for products, features, and campaigns with Tailwind styling.
- Set up a Hugo blog or landing page — The theme works as a standard Hugo theme, so you can create standard content types and have them rendered with the marketing design.
- Deploy to Netlify — With the Netlify-ready setup, you can connect your repository and get a live site from the Hugo build.
How does Hugo Marketing work?
The installation process is documented in the repository README.
- Run
go mod init github.com/your-org/your-projectto initialize your Go module. - Import the theme by adding
- path: github.com/team-durumi/hugo-marketingunderimportsinmodule.yml. - Add the required files:
package.json,postcss.config.js, andtailwind.config.js. - Add the essential files (likely the
data/tailwind_ui.ymland any content structure). - For UI development, add a roll version to the
data/tailwind_ui.ymllist. - Build and deploy to production.
FAQ
Does Hugo Marketing use Tailwind CSS?
Yes. The setup explicitly requires tailwind.config.js and postcss.config.js, and the theme integrates Tailwind through Hugo and PostCSS processing.
How do I install Hugo Marketing?
You initialize a Go module, add the theme path to module.yml imports, and then add the required configuration files: package.json, postcss.config.js, and tailwind.config.js. Full steps are in the repository README.
Is Hugo Marketing free to use?
The GitHub repository metadata does not specify a license, but the theme is publicly available at github.com/team-durumi/hugo-marketing and has no indicated pricing. You should check the repository for license details before using it commercially.





