Styling

The website template supports both Tailwind (default) and SCSS and is a hybrid of the two.

Each component comes with a Tailwind file and an SCSS file. You can mix and match at the component level.

// import tailwind styling
import Style from './button.tailwind.js';

// import scss styling
import Style from './button.module.scss';

Fonts

The default font is Open Sans. You can change this inside the layout component in components/layout/home.js

Please refer to the Next.js fonts documentation for more information.

The logo file is located in components/logo you can add your own logo here by replacing these files:

  1. logo-color.svg

  2. logo-white.svg

PreviousEnvironment VariablesNextComponents

Last updated

Was this helpful?