Hugo

Hugo Shard

Hugo

Hugo Shard

A brilliant, modern Hugo theme for startups. A perfect boilerplate for startup, SAAS and product websites.

  • Hugo Version: 0.51
  • Theme Version: 1.0
  • Updated: Apr 20, 2019
  • License: Pro
  • Price: $49 USD

Theme features

  • Purpose built for startups, SAAS and product websites.
  • Beautifully designed homepage and product pages.
  • Showcases your app, product or service by changing screenshots.
  • Fully responsive design
  • The design is grid based, but the product screenshots and sections break (overflow) the grid to create that hand-crafted look you associate with high quality startup designs like Stripe and Asana etc.
  • 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

  • 100/100 Google Lighthouse Performance score
  • Under 90KB without images ⚡
  • Minified JS under 29KB
  • Minified CSS under 27KB
  • No JQuery
  • No Boostrap JS

SEO

  • 100/100 Google Lighthouse SEO score
  • 100/100 Google Lighthouse “Best Practices” 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.

Get Hugo Shard

Trim weeks from your development timeline by starting with a solid foundation.
Our themes are exceptional quality, easy to configure and ready to deploy.

License:

Pro

This License grants you, the purchaser, an ongoing, non-exclusive, worldwide license to make use of this theme.

Read full license

Documentation:

Premium

Extensive documentation is already available online for this theme, you may view the documentation before you purchase the theme.

Read the live docs

Support:

Pro

We keep our premium themes up to date with bug-fixes and new features. Premium themes qualify for chat and email support – just send us a message.

FAQ