Back to templates

Template details

Grayscale Jekyll theme

A Jekyll theme that adapts the Grayscale Start Bootstrap template into a single-page portfolio layout.

About this template

Grayscale is a Jekyll theme that ports the Grayscale Start Bootstrap template to the Jekyll static site generator, giving users a single-page portfolio layout.

What is Grayscale?

Grayscale is a Jekyll theme based on the Grayscale theme from Start Bootstrap, originally built on Bootstrap. It takes your content files—written in Markdown or HTML—and renders them as a static website styled after the Grayscale design. The theme is maintained on GitHub by jeromelachaud and includes a live demo at https://jeromelachaud.github.io/grayscale-theme, hosted on GitHub Pages.

Key Features

  • Jekyll integration — Built for Jekyll, so you can use Liquid templating, Markdown content, and Jekyll's standard directory structure (layouts, includes, and posts).
  • Start Bootstrap Grayscale base — The theme carries over the visual design and layout of the original Bootstrap-based Grayscale template, using Bootstrap's grid and components.
  • Live demo — A working example of the theme is available at https://jeromelachaud.github.io/grayscale-theme, so you can preview the output before building.
  • Open source repository — The theme's code is shared publicly on GitHub, and the repository currently has 297 stars.
  • Standard Jekyll setup — You build the site with the usual Jekyll commands, producing static HTML files ready to deploy anywhere.

Who is it for?

  • Jekyll developers seeking a ready-made one-page theme that follows Jekyll conventions.
  • Portfolio owners who want a single-page site to display their work, based on a proven Bootstrap layout.
  • Learners who are new to Jekyll and want a small, readable theme to explore and customize.

What can you do with it?

  • Present a portfolio: Showcase projects or skills in a single scrolling page with the Grayscale look.
  • Create a landing page: Use the theme to build a simple landing page for a product, event, or personal brand.
  • Learn Jekyll theming: Study how the theme includes partials and layouts to understand Jekyll's structure.

screenshot of Grayscale Jekyll theme on template0.com