• Main content
  • Main navigation
  • Search
  • Go to the bottom of the page

Hugolify v2 is rolling out and the GitHub template still ships v1. See the migration guide or browse the v1 documentation.

Hugolify

Menu

  • Documentation
    • Getting started

      How to install and setup Hugolify.

    • Customization

      Design (CSS, JS), HTML, Menu, Themes…

    • Sections

      How to add and customize sections.

    • Blocks

      How to add and customize blocks.

    • Shortcodes

      Hugo and Hugolify shortcodes available.

    • Admin

      Decap, Netlify, Pages, Sveltia and more.

  • Tutorials
  • Use Github template

Search

  1. Home
  2. Documentation
  3. Customization
  4. Design
  5. Design System

Menu

Menu

  • Getting Started
  • Customization
    • Design
      • Bootstrap
      • Design System
        • Setup
        • PostCSS
        • CSS
        • Javascript
    • UI
    • CSS
    • Favicons
    • HTML
    • Icons
    • Image
    • Menu
    • SEO
    • Themes
  • Sections
  • Taxonomies
  • Blocks
  • Shortcodes
  • Codes
  • Showcase
  • Hugolify Admin

Design System

Framework-free design system module for hugolify-theme with hugolify-theme-design-system module.

Setup

Setup hugolify-theme-design-system

Read more

PostCSS

The PostCSS config required by hugolify-theme-design-system

Read more

CSS

CSS custom properties and design tokens

Read more

Javascript

Vanilla JS

Read more

  1. Home
  2. Documentation
  3. Customization
  4. Design
  5. Design System
Hugolify

Open-source Jamstack solution for building easily a fast, as accessible as possible and low carbon website.

  • Contact
  • Documentation
  • Demo
  • Github
  • Legal mentions
  • Sitemap
  • Hugolify is developed by Un Cinq
  • Chat
  • Github
  • Linkedin
  • Twitter

a low impact website crafted with Hugolify