Kompact - A Free Kirby CMS Theme

Kompact is a Free Kirby CMS theme, built with a minimalistic approach in mind, so you can focus on the content.

Features

• Minimal design with focus on typography and white space
• Responsive typography
• Smooth page transitions
• Choose between Off-Canvas and Standard navigation
• CodeKit config file included
• No-JS fallbacks
• SCSS structure for easy customisation of:
  • Colours
  • Typography
  • Spacings

Feedback is appreciated!

Demo & Download

👁 Live Demo

👉 Free Download

🔥 More Kirby CMS themes

Feedback

If you have any suggestions, feel free to drop me a line. Your feedback is appreciated!

Follow me on Twitter or go and check out my 🔥 premium Kirby CMS themes.

Have fun building a kooler web!

Changelog

April 24, 2017

• Blog posts / projects are now sorted in chronological order.

March 26, 2017

• Navigation Type Switcher is added. Go to Panel -> Site Options and choose if you'd like to keep the default Offcanvas navigation or to activate a Standard anchor navigation.

March 12, 2017

• Added article.yml blueprint. This fixes #1.
• Added avatars folder that makes it possible to upload avatars for your users in the panel. This fixes #2.

March 08, 2017

• Added no-js fallback: the content won't be blocked if client's JavaScript is disabled.
• The hamburger navigation will fallback to a regular horizontal menu without the offcanvas if the client's JavaScript is disabled.
• Improved consistency for SCSS variable names.

March 05, 2017

• Improved default.php markup.
• Improved line-height.
• Improved horizontal rhythm for article listings.
• Improved blockquotes.

Customisation

If you use CodeKit, feel free to import the theme’s folder to it and start making changes. CodeKit will handle the recompiling of SASS & JS thanks to the config.codekit3 file in the root directory.

You can easily change the colors and overall styles of the theme by editing and recompiling its /assets/sass styles. As you’ll see the main colors are separated in /assets/sass/_palette.scss. From /assets/sass/components/_typography.scss you can easily change the font faces used for Kompact.