Skip to content

csswitch/jekyll-brutalist-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Brutalist — Newspaper-Grid Jekyll Theme

License: csswitch Commercial Buy on Gumroad Live Demo

📄 License & Pricing

Free Paid — $49
Personal / non-commercial site
Footer attribution required ✅ must keep ❌ removed
Commercial / client projects
Future theme updates
Private source repo access

Free to use on personal projects — just keep the small "Theme by csswitch" footer link intact.
Buy the $49 license to remove the attribution, use commercially, and receive future updates.

Buy on Gumroad — $49 →

See LICENSE for full terms.


MIT License Jekyll GitHub Pages

A raw, typographically bold Jekyll theme inspired by newspaper front pages and brutalist web design. No rounded corners. No gradients. Pure structure.

Live Demo →


✨ Features

  • 📰 Newspaper front-page layout — dominant lead story + sidebar headlines + grid
  • 🔠 Bebas Neue headlines — condensed tabloid display font
  • 📏 Heavy rules — structural 6px borders, double-rule section separators
  • 🔴 One accent color — tabloid red, used exactly where it matters
  • 🔲 Invert hover — clean white-on-black link hover, zero decoration
  • 🏷️ Tag stamps — outlined monospace tag chips
  • 📱 Fully responsive — mobile-first masthead with MENU toggle
  • Zero dependencies — vanilla JS only
  • 🐙 GitHub Pages compatible

🚀 Quick Start

git clone https://github.com/YOUR_USERNAME/YOUR_BLOG.git
cd YOUR_BLOG
bundle install
bundle exec jekyll serve --livereload

⚙️ Configuration

brutalist:
  invert: false          # true = white-on-black mode
  rule_weight: "heavy"   # light | medium | heavy
  uppercase: true        # uppercase all headings

📁 Structure

jekyll-brutalist-theme/
├── _config.yml
├── _layouts/
│   ├── default.html   ← masthead, footer, fonts
│   ├── home.html      ← newspaper grid layout
│   ├── post.html      ← heavy-rule header, post body
│   └── page.html
├── _sass/
│   ├── _variables.scss   ← monochrome palette, rule tokens
│   ├── _base.scss        ← typography, code, blockquote
│   ├── _layout.scss      ← masthead, footer, responsive
│   └── _components.scss  ← newspaper grid, cards, tags
├── assets/
│   ├── css/main.scss
│   └── js/brutalist.js
└── _posts/

📄 License

MIT © csswitch


Made with 🖤 by csswitch — distinctive Jekyll themes for developers.

About

Raw newspaper-grid Jekyll theme — Bebas Neue headlines, heavy rules, tabloid red accent, and brutalist invert-hover links.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors