Hugo Shard

A brilliant, modern Hugo theme for startups.

Hugo Shard Screenshot
Hugo
  • Minimum Hugo Version: 0.51
  • Theme Version: 1.0
  • Updated: Sunday, Apr 8, 2018
  • License: Pro
  • Price: $79

Theme features

  • Purpose built for startups.
  • Crafted and free-flowing homepage and product pages. Showcases your product in that modern style.
  • Fully responsive design
  • Beautiful, modern semi-flat design with on trend breakout elements
  • Blazing fast loading times
  • SEO Optimised
  • Configure dozens of theme options in the config.toml

Content Types

  • Homepage (HTML)
  • Product (HTML)
  • Pricing (Data)
  • Blog (Markdown)
  • About Us (Markdown)
  • Single Pages (Markdown)

CSS

  • Includes all SCSS files which are well structured and cleanly written
  • SCSS (Hugo Pipelines)
  • Responsive design
  • Bootstrap 4.3+ grid and media queries are used. The rest of the Bootstrap library is not imported. You can easily uncomment the @imports in the style.scss if you want to use more of the Bootstrap library.

Speed

  • 100100 Google Lighthouse Performance score (view score)
  • Under 90KB without images ⚡

SEO

  • 100100 Google Lighthouse SEO score
  • Configure custom meta tags for the homepage and individual pages
  • Auto generates meta title for each page, but can be overridden on a per page basis
  • Semantic HTML document structure, h1, h2, p etc
  • Google Analytics included,
  • Set the Google Analytics Id using Netlify environment variables
  • Header animation on scroll
  • Transparent header over hero images and backgrounds, turns white on scroll
  • Main Menu managed in config.toml
  • Responsive menu using simple vanilla JS code
  • Animated hamburger and mobile overlay
  • 3 Footer menus which are configured in config.toml

Content

  • Robust example content included out of the box

Blog

  • Full blog. Contains categories, tags and author profiles

Contact Form

  • Contact page includes a contact form that is pre-configured to work with Netlify forms.

Fonts

  • Uses Google fonts, just change the @import in style.scss to change the fonts

Netlify

  • Theme is ready to deploy to Netlify and contains a netlify.toml

Changelog

Version 1.0 (Released Nov 27, 2018)

  • Initial release.

Gallery