Fewer rules to remember.
More visible context.

SimpleSL keeps the language of the Web and adds only a shared grammar for organising the document.

Core principle

A section represents a screen, a feature or an autonomous business context. A card, form or table does not exist outside that context.

<section id="contact">
  <form class="card">…</form>
</section>

Natural CSS scope

The same component can keep a simple class while varying with its section.

#news .card { border-left: 4px solid; }
#contact .card { max-width: 40rem; }