Hugolify theme Design System

Overview

Design System styling layer for hugolify-theme.

This module provides the CSS (Design Tokens + CSS) and Vanilla JavaScript for hugolify-theme.

Demo

https://hugolify-theme-design-system--hugolify-demo.netlify.app/

Requirements

• Hugo extended >= 0.158.0
• hugolify-theme >= 2.0.0

Install

Edit config/_default/module.yaml:

imports:
  - path: github.com/hugolify/hugolify-theme/v2
  - path: github.com/hugolify/hugolify-theme-design-system

Architectures

• CSS
• JavaScript

Documentation

• DTCG
• Hugolify

Tutorial

• How to create your own design system with Hugo and Hugolify

Licensing

Hugolify is free for personal or commercial projects (MIT license)