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

• Header animation on scroll
• Transparent header over hero images and backgrounds, turns white on scroll

Menu

• 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.