Personalização

Aprenda a personalizar seu tema Hugo Saasify para combinar com sua marca.

Cores

Você pode personalizar cores em tailwind.config.js:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

module.exports = {
  theme: {
    extend: {
      colors: {
        primary: '#6366f1',
        secondary: '#8b5cf6',
      }
    }
  }
}

Tipografia

Personalize fontes e tipografia em sua configuração de site ou configuração TailwindCSS.

Layouts

Sobrescreva qualquer layout criando um arquivo com o mesmo caminho no seu diretório layouts.

Componentes

Todos os componentes são construídos com TailwindCSS, tornando-os fáceis de personalizar.