Origin Jekyll Theme
A fully featured and highly configurable modern blog theme for Jekyll. Includes categories, authors, comments, pagination, dark mode, and a perfect 100/100 Google Lighthouse score.
About this Theme
Origin is a modern, fully featured Jekyll blog theme built for writers, developers, and content creators who want a polished, high-performance site without trade-offs.
Why Origin Stands Out
The headline achievement is a perfect 100/100 Google Lighthouse score for both speed and SEO — achieved through minimal JavaScript (no jQuery), tiny CSS/JS bundles, and semantic HTML with auto-generated meta tags. Visitors get fast page loads; you get better search rankings by default.
Content Management
All content is managed through markdown files and YAML configuration — no hardcoded HTML to hunt down. Configure your logo, colour scheme, fonts, navigation menus, header, and footer entirely from _config.yml. The fully featured blog supports categories, named authors, Disqus comments, and paginated archive pages, giving your site professional editorial structure from day one.
Design & Customisation
Origin ships with SCSS + Bootstrap 5.2 for a responsive, mobile-first layout that looks polished on every screen size. Dark mode is built in with both automatic (system preference) and manual toggle options. The navigation supports nested dropdown menus and a responsive mobile overlay with an animated hamburger icon — no third-party libraries required.
Integrations
Out of the box: Google Analytics, Mailchimp newsletter signup, Formspree and Netlify Forms for contact, Disqus comments, Google Fonts, Font Awesome 6, and Open Graph / Twitter card metadata. Ready to deploy to GitHub Pages or Netlify with a netlify.toml already included.
Who is it for? Writers and developers who want a beautiful, fast, SEO-ready blog — without spending time on configuration or performance tuning.
Features
- Jekyll 4.2+ support
- 100% responsive design with crisp imagery and beautiful typography
- Fully featured Blog with categories, authors, comments, and pagination
- Dark mode with automatic and manual switching
- 100/100 Google Lighthouse speed and SEO scores
- All content editable via markdown, front-matter, or YAML — nothing hardcoded
- Configure logo, colours, fonts, menus, header, and footer in _config.yml
- SCSS + Bootstrap 5.2, no jQuery, minimal vanilla JS
- Auto-generated SEO meta tags with per-page overrides
- Open Graph / Twitter card meta data included
- Google Analytics support and social media links
- Nested dropdown menus and responsive mobile hamburger menu
- Contact page with Netlify Forms and Formspree support
- Disqus comments integration
- Mailchimp newsletter subscribe form
- Google Fonts and Font Awesome 6 icons
- Works with GitHub Pages and Netlify (includes netlify.toml)
- All photos, illustrations, and icons included are royalty free
- Full documentation with setup and customisation guide