Jekyll blog theme used for the repla.app blog
JekyllBlog
gyrocycle — Jekyll Blog Template
By repla-app
Gyrocycle is the Jekyll blog theme used by repla.app, building typographic grid layouts with Raster and specifying fonts for headings, body text, blockquotes, and code.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided previewTop of page
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Builds layouts as typographic grids with Raster, with optional baseline grid and guideline display
Headings use Rubik, body text uses Fira Sans, blockquotes use Open Sans, and code uses Fira Mono
Distributed as a Ruby gem, installable via Gemfile or gem install
Code released under the MIT License
Template Details
Gyrocycle is a Jekyll blog theme maintained by repla-app and used for the repla.app blog. The theme builds page layouts as typographic grids via Raster (robenkleene/raster). The README describes how to display the grid and baseline: include raster.js in the HTML head and add classes such as raster-show-baseline and raster-show-guidelines to the body and grid div.
For fonts, headings use Rubik, body text uses Fira Sans, blockquotes use Open Sans, and code uses Fira Mono; these fonts are released under the SIL Open Font License or the Apache License respectively. The theme is distributed as a Ruby gem: add gem "gyrocycle" to a Jekyll site's Gemfile and set theme: gyrocycle in _config.yml, then run bundle; alternatively, run gem install gyrocycle directly.
The repository materials do not provide information on the theme's page types, navigation structure, plugin dependencies, or configuration options, so no features beyond those above can be confirmed. The theme code is released under the MIT License, but third-party assets such as demo images, fonts, and icons must be checked separately under their own licenses.
JekyllBlog
Is it right for your project?
Use Cases
- Adding a blog theme based on typographic grids to a Jekyll site
- Blogs that need headings, body text, blockquotes, and code to each use specified open-source fonts
- Displaying grids and baselines during development or proofing to check typographic alignment
Suitable For
- Developers building blogs with Jekyll
- Sites that want to control typographic layout with the Raster grid
- Users who accept the MIT License and will independently verify third-party asset licenses
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Add gem "gyrocycle" to a Jekyll site's Gemfile and set theme: gyrocycle in _config.yml, then run bundle.
- 2
Alternatively, install directly with gem install gyrocycle.
- 3
To display the grid, include /vendor/raster/dist/js/raster.js in the HTML head and add classes such as raster-show-baseline and raster-show-guidelines to the body and grid div.
- 4
Third-party assets such as demo images, fonts, and icons must be checked under their own licenses; the code's MIT License alone is not sufficient.
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT License; the free scope is that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially, and distributed free of charge.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT License notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The theme code is released under the MIT License and may be freely used, modified, and redistributed; however, the copyright and license notice must be retained.
- The fonts used (Rubik, Fira Sans, Open Sans, Fira Mono) are released under the SIL OFL or Apache License respectively; use and redistribution must comply with each font license's terms.
- The layout depends on the external project Raster (robenkleene/raster), which must be obtained separately and used under its own license.
- Demo images, fonts, icons, and other third-party assets must be checked under their own licenses; the code's MIT License alone is not sufficient.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
Original README
All of them are free software under the [SIL Open Font License](https://en.wikipedia.org/wiki/SIL_Open_Font_License) or [Apache License](https://www.apache.org/licenses/LICENSE-2.0.html).
Original README
https://github.com/repla-app/gyrocycle/blob/master/LICENSE.txthttps://github.com/repla-app/gyrocycle/blob/master/README.mdIt uses [Raster](https://github.com/robenkleene/raster) to construct a layout using typographic grid.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Less documented · 45 / 100
- Technologies
- Jekyll
- Website type
- Blog
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2021-05-22
- Screenshot last checked
- 2026-10-03
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
The catalog identifies Jekyll as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: 728f5c4e9ec89e9d760389b9e62da8c1e87e726ca89ccec2d53cd1659bed1fda
2026-10-03T14:24:33.127Z
Source file / repository# Gyrocycle
Blog theme for [repla.app](https://repla.app).
It uses [Raster](https://github.com/robenkleene/raster) to construct a layout using typographic grid.
The typefaces are [Rubik][rubik] for headers, [Fira Sans][firasans] for body copy, [Open Sans][opensans] for block quotes, and [Fira Mono][firamono] for code. All of them are free software under the [SIL Open Font License](https://en.wikipedia.org/wiki/SIL_Open_Font_License) or [Apache License](https://www.apache.org/licenses/LICENSE-2.0.html). Thank you for everyone's hard work on free typography.
[rubik]: https://github.com/googlefonts/rubik "Rubik"
[opensans]: https://github.com/google/fonts/ "Open Sans"
[firasans]: https://github.com/mozilla/Fira "Fira Sans"
[firamono]: https://github.com/mozilla/Fira "Fira Mono"
## Raster
To show the raster grid, import the `raster.js` JavaScript in the [HTML `<head>`](_includes/head.html) element:
<script src="/vendor/raster/dist/js/raster.js"></script>
Add the following classes to the [`<body>` and grid `<div>` elements](_layouts/default.html):
<body class="raster-show-baseline">
<div id="grid" class="raster-show-guidelines">
## Installation
Add this line to your Jekyll site's `Gemfile`:
```ruby
gem "gyrocycle"
```
And add this line to your Jekyll site's `_config.yml`:
```yaml
theme: gyrocycle
```
And then execute:
$ bundle
Or install it yourself as:
$ gem install gyrocycle
## License
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
Explore similar templates
Compare previews and descriptions within the same stack and category.
al-folio
A Jekyll academic homepage theme for scholars and researchers, with a clean responsive design and out-of-the-box support for publication lists, project showcases, CVs, and blogs.
Jekyll · Portfolio
minimal-mistakes
Minimal Mistakes is a two-column Jekyll theme for personal sites, blogs, project documentation, or portfolios.
Jekyll · Portfolio
Beautiful Jekyll
Beautiful Jekyll is a mature, easy-to-use Jekyll blog theme maintained by Dean Attali since 2015, with over 50,000 users.
Jekyll · Blog
jekyll-TeXt-theme
A customizable Jekyll theme for personal sites, team sites, blogs, projects, and documentation.
Jekyll · Blog
startbootstrap-clean-blog-jekyll
The official Jekyll version of Start Bootstrap's Clean Blog theme, offering a blog home page, about page, contact page, and sample post pages, with a Formspree-powered contact form.
Jekyll · Blog
So Simple
A minimal reading-oriented Jekyll theme by Michael Rose for personal blogs, portfolios, and long-form reading. It offers multiple layouts, microformat markup, Disqus comments, Google Analytics, Jekyll SEO Tag, three skins, and aggregation by year, category, and tag with a grid view.
Jekyll · Blog