Custom Jekyll Theme Service
Client
TwinkleTheme
Timeframe
April 2023
Services
Custom Jekyll Theme For Themeforest
Project Overview
Landi is a modern Jekyll theme designed for landscaping companies, gardening services, lawn care businesses, and other nature-related businesses. Built with Bootstrap 5.2 and Sass, it offers a responsive design and reusable layouts for creating professional gardening and landscaping websites.
I developed the Landi Jekyll theme, adapting the Landi design into a Jekyll-based solution with reusable templates, Markdown-driven content, and a maintainable frontend structure.
- Developed the Jekyll theme and its frontend implementation.
- Created 3 creative homepage layouts for landscaping and gardening businesses.
- Implemented 19 Markdown files for page content and layouts.
- Integrated Jekyll with Bootstrap 5.2 and Sass.
- Implemented responsive layouts for desktop, tablet, and mobile devices.
- Added a sticky navigation menu and interactive frontend components.
- Integrated Jekyll SEO and pagination-related functionality.
- Focused on clean, well-commented code and straightforward customization.
Challenge
The main challenge was to adapt the Landi design for Jekyll while preserving the visual consistency and flexibility of the original template.
The theme needed to support reusable layouts and Markdown-based content while keeping the frontend responsive and easy to maintain. It also required Jekyll-specific functionality for SEO metadata, pagination, and content organization.
Results
The completed Landi Jekyll theme provides a flexible static-site foundation for landscaping and gardening websites.
The project expanded the Landi product into the Jekyll ecosystem, giving developers a static-site alternative for building professional landscaping and gardening websites.
- 3 homepage layouts for different presentation styles.
- 19 Markdown files for content and template organization.
- Jekyll integration for a structured static-site workflow.
- Bootstrap 5.2 and Sass for responsive, maintainable frontend styling.
- SEO and pagination support through Jekyll plugins.
- Responsive design for desktop, tablet, and mobile devices.
- Developer-friendly code with documentation and customization options.