Menu
How to install and setup Hugolify.
Design (CSS, JS), HTML, Menu, Themes…
How to add and customize sections.
How to add and customize blocks.
Hugo and Hugolify shortcodes available.
Decap, Netlify, Pages, Sveltia and more.
Search
CSS custom properties and design tokens
hugolify-theme-design-system uses CSS custom properties (design tokens) instead of SASS variables. This makes tokens consumable by any tool (Figma, style dictionaries).