Skip to content


Switch branches/tags

Latest commit

Bumps [postcss-import]( from 14.0.2 to 14.1.0.
- [Release notes](
- [Changelog](
- [Commits](postcss/postcss-import@14.0.2...14.1.0)

- dependency-name: postcss-import
  dependency-type: direct:development
  update-type: version-update:semver-minor

Signed-off-by: dependabot[bot] <>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]>

Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Hugo Product Launch Test Pay me Sponsor me

🚀 A Hugo-theme for young start-ups, product launches, and »coming soon«-websites. Includes ready-to-go contact form & newsletter sign up via Netlify Forms.

Screenshot Hugo Product Theme


For a current & working demo of this theme, please check out 🎯.

🔑 Key Features

One-click Deploy / Installation

Deploy 🚀 Hugo Product Launch to netlify by clicking this button:

Deploy to netlify

Alternatively, you may also clone the kickstart-repo, and skip right to the usage instructions

Sponsor 💟

Support my work on this theme via GitHub Sponsors (recurring) or PayPal (one-time). Also, check out

GitHub Stats

Manual Installation

If you already have a Hugo site on your machine, you can simply add this theme via

git submodule add themes/hugo-product-launch

Then, adjust the config.toml as detailed below.

For more information, read the official setup guide of Hugo.

Example Content

Simply copy over the contents of the exampleSite-directory included in this theme to your source directory. That should give you a good idea about how things work, and then you can go on from there to make the site your own.

NodeJS Dependencies

You need to have NodeJS installed. Then, copy the package.json- & package-lock.json-files from the root of this theme to your site's root. Run npm install & npm install postcss-cli postcss -g to set up your PostCSS-Pipe.

Take over main.css & tailwind.config.js

Simply copy over the assets/css/main.css-file from this repo into your local assets/css-folder. Also, copy the tailwind.config.js-file from the root of this repository to your site's root. You may then add any CSS you like into your own assets/css/main.css-file and even overwrite the tailwind configuration in tailwind.config.js-file. See tailwindcss > docs > configuration for more details.

Optional: Take over postcss.config.js

Take full control of the PostCSS-setup by copying the postcss.config.js-file from this repo into the root directory of your site.


If you would like to have a nice & clean no!-code User Interface 🧁 for Content Management, simply connect your repository with Forestry. We included the necessary batteries 🔋 (i.e. settings) on the exampleSite/.forestry-folder so you are ready to go right out of the gate.

Base configuration: config.toml

Please check out the config.toml-file included in the exampleSite of this theme.

Adding Content: content/

Start with the contents provided in the in the exampleSite/content-directory. That should give you a good idea about how things work, and then you can go on from there to make the site your own.

This markdown cheat-sheet might come in handy 🙌🏻.

Adding your branding / colors / css: assets/css/main.css

Check out the main.css-file from the assets/css-directory to get started and to find more detailed instructions.

Issues / Feedback / Contributing

Please use GitHub issues and Pull Requests.

If you do not have a GitHub-account, feel free to hit me up via email (see

Special Thanks 🎁


Hugo Product Launch by Jan Raasch is licensed under CC BY 4.0


Please keep the original attribution link when using this theme for your project.

More Permissions

If you would like to use this theme without attribution, permissions beyond this license's scope are available at