Jekyll Serif Theme

screenshot of Jekyll Serif Theme
jekyll
bootstrap
scss

Serif is a multi page business theme for Jekyll.

Overview

The Jekyll Serif Theme is a modern business theme designed specifically for Jekyll. It offers multiple content types for creating brochure or marketing websites. This theme is fully responsive and optimized for speed, with beautiful illustrations to enhance the visual appeal. The Jekyll Serif Theme is compatible with Netlify and Github Pages, making it easy to deploy and manage your website.

Features

  • Jekyll 4.2+ compatibility
  • Ready for deployment on Netlify and Github Pages
  • Services and Team collections for organizing content
  • SCSS for easy customization
  • 100% responsive design with animated hamburger menu and mobile slide-in menu
  • Bootstrap 4.6 grid and utilities included
  • Google Lighthouse speed score of 100/100
  • Google Lighthouse SEO score of 100/100
  • Google Lighthouse accessibility score of 100/100
  • Google Lighthouse best practices score of 100/100
  • Lightweight, under 50KB without images or 80KB with images and illustrations
  • Without Google fonts, size is under 20KB
  • Example content included for demonstration purposes
  • Royalty-free illustrations included
jekyll
Jekyll

Jekyll is a static site generator written in Ruby that allows you to create simple, fast, and secure websites without the need for a database.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.