Hugo Serif

Serif is an elegant small business theme for Hugo. It contains content types for the archetypical business/marketing website. The theme is fully responsive, blazing fast and artfully illustrated.

Theme features

• Content Types
• Services (Markdown)
• Team (Markdown)
• Features (Data)

CSS

• SCSS (Hugo Pipelines)
• Responsive design
• Bootstrap 4.3 grid and media queries only

Speed

• 100/100 Google Lighthouse speed score
• Under 30KB without images or 80KB with images and illustrations ⚡
• No jQuery, only a tiny bit of vanilla Javascript for the mobile menu.

SEO

• Google analytics configured in config.toml
• Configure GID using env variable HUGO_GOOGLE_ANALYTICS_ID, compatible with Netlify.
• Configure meta tags and OG meta tags for the homepage in config.toml
• Override any meta tags on a per page basis
• Semantic document structure
• Accessible colors, headings and link text

Menu

• Responsive menu managed in config.toml

Content

• Robust example content included
• Royalty free illustrations included
• Set body classes on a per template basis

Templating

• Plenty of examples of using range and where to loop over various content types
• Examples of injecting javascript files on a per page basis (see services/single.html)