• Main content
  • Main navigation
  • Search
  • Go to the bottom of the page
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
        • CSS
        • Javascript
        • Icons
      • Hugolify Theme v1
    • CSS
    • Favicons
    • HTML
    • 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

CSS

CSS custom properties and design tokens

Read more

Javascript

Vanilla JS

Read more

Icons

Lucide icons

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