Blanka – a simple HTML & CSS baseline

Blanka is the second layer for your web project. Add it just after Normalize.css.

Unlike other CSS baselines (such as Bootstrap's Reboot or Pure CSS), Blanka.CSS do not set look and feel. Font stack, typographic scale, table and forms look is up to you.

Content

HTML/CSS baseline and stress test

• blanka.html – blank HTML template.
• blanka.css – typography CSS baseline.
• blanka-type-test.html – typography HTML stress test.

Czech typography baseline

• blanka-type-test.cz.html – Czech typography stress test.
• blanka-type-test-article.cz.html – Czech typography stress test for article-type pages.

Helpers

File blanka-helpers.css contains basic utility classes for:

• Display properties (like .d-b for display:block).
• Paddings and margins (.m-0 for margin:0 or mb-0-25 for margin-bottom:.25rem;).
• Text Align (.ta-r for text-align:right).
• Other helpers like .hidden-print, .img-fluid or the well-known .sr-only classes.

Design principles

1. Both webpages and webapps are based on web documents.
2. Good typography is a necessary foundation for document.
3. Simple is better than robust.