Spectrum - Minimal Jekyll Theme
A clean and minimal Jekyll theme designed for personal websites and blogs with a focus on simplicity and customizability. Perfect for professional researchers, undergraduates, and creators from diverse backgrounds who want an easy-to-use yet flexible platform.
Spectrum Jekyll Theme
A minimal, responsive Jekyll theme with excellent typography and dynamic color theming. Perfect for developers, researchers, and creatives who want a clean, professional website.
✨ Key Features
- 
Dynamic Primary Color System - Change one color in 
_config.ymlto instantly personalize your entire site - 
Dual Content Types:
- Tech Bites: Blog posts, paper summaries, or journal entries
 - Films: Photography gallery with markdown descriptions and metadata
 
 - Responsive Design with mobile-first approach
 - Light & Dark Theme support with automatic switching
 - Minimal & Clean design focused on readability
 - GitHub Actions deployment ready
 
Quick Start
Prerequisites
- Ruby 3.2+ and Bundler
 - Git
 
Installation
- Clone the repo
 
git clone https://github.com/dudududukim/spectrum.git
cd spectrum
- Install dependencies
 
bundle install
- 
Configure your site
- Edit 
_config.ymlto update site details, personal bio, and colors 
 - Edit 
 - 
Enable GitHub Pages deployment
- Go to Settings > Pages in your GitHub repository
 - Set Source to "GitHub Actions"
 
 - 
Run locally
 
bundle exec jekyll serve
- Visit 
http://localhost:4000in your browser 
Usage & Customization
Tech Bites Section
- Versatile content space: Use for blog posts, paper summaries, research notes, or general articles
 - Create Markdown files in 
_tech-bites/with proper front matter - Perfect for sharing insights, tutorials, or academic work
 
Films Section
- Photography showcase: Upload your own photos or hobby images
 - Rich descriptions: Add Markdown files to provide context, stories, or technical details about your photos
 - Great for visual portfolios or travel documentation
 
Dynamic Theming
- 
One-click personalization: Change the 
primarycolor in_config.ymlto instantly transform your site's appearance - All UI elements automatically adapt to your chosen color scheme
 
Deployment
GitHub Pages
This Jekyll theme is ready for immediate deployment with GitHub Actions.
- Workflow file 
.github/workflows/jekyll.ymlis included and ready to use - Simply enable GitHub Actions as the source in Settings > Pages
 - Push your changes and watch your site deploy automatically!
 
Other Platforms
- Netlify: Auto-detects Jekyll and builds automatically
 - Vercel: Compatible with standard Jekyll builds
 - 
Self-hosted: Use 
bundle exec jekyll buildfor static files 
🎨 Live Preview
Homepage Overview
| Light Theme | Dark Theme | 
|---|---|
![]()  | 
![]()  | 
Content Sections
| Tech Bites | Films Gallery | 
|---|---|
![]()  | 
![]()  | 
![]()  | 
![]()  | 
Individual Content Pages
| Markdown Content | Photo detail page | 
|---|---|
![]()  | 
![]()  | 
![]()  | 
![]()  | 
Project Structure
spectrum/
├── .github/
│   └── workflows/
│       └── jekyll.yml    # GitHub Actions workflow (included)
├── _data/
│   └── navigation.yml    # Navigation configuration
├── _includes/            # Reusable components
├── _layouts/             # Page templates
├── _sass/                # Stylesheets
├── _tech-bites/          # Blog posts / tech bites / papers
├── _films/               # Photography markdown files
├── assets/               # Images and CSS
├── _config.yml           # Site configuration including colors
├── 404.html              # Custom 404 page
├── index.md              # Homepage
├── tech-bites.md         # Blog listing
├── films.md              # Photography page
├── LINCESE.txt           # License file
└── README.md
Development
Use bundle exec jekyll serve for local development with live reload.
Contributing
Fork the repository, create a feature branch, commit your changes, and open a pull request.
Author
Duhyeon Kim
- GitHub: @dudududukim
 - LinkedIn: Duhyeon Kim
 
License
MIT License. See LINCESE.txt file for details.
Support
Submit issues via GitHub Issues or check inline documentation in code files.
Show Your Support
⭐ If you find this Jekyll theme helpful, please give it a star on GitHub! Your support helps maintain and improve this project for everyone.
⭐ Star this repository to show your appreciation and help others discover this theme!
Built with Jekyll









