Kernel calls itself an unintrusive framework, meaning it’ll operate like a thin layer on top of your page. It doesn’t feel bothersome or difficult to customize and the classes are fully compliant with modern HTML5 specs.

Frontend developer work should follow proper semantics for accessibility and the highest level of browser support. Using a framework such as Kernel saves loads of time and frustration solving common issues.

You can preview all the Kernel elements on the main demo page which includes sample source codes, too.

You’ll notice many items such as buttons and headers offer different class names. This means you can easily change a button’s color just by altering the class.

It also comes with default notification classes on buttons for certain actions, such as .btn-primary for a blue “clean” button or .btn-warning with a brighter yellow flair.

The best part of Kernel is that you can easily customize this framework to suit your needs. Want to add Font Awesome to your buttons? No problem. How about adding Google Webfonts to your headers? Just overwrite the styles in your CSS sheet and you’re good to go.

If you want a lightweight starting point to structure fantastic layouts then Kernel.css is the framework for the job.