SimpleSL· simple site layout

Simple Site Layout

SimpleSL

Native HTML · explicit structure · local scope

The native Web,
structured to last.

SimpleSL is a convention for structuring HTML, CSS and documentation. It provides a stable frame for web pages without hiding web standards behind an extra technical layer.

01header.hdidentity
02nav.mnorientation
03main.ctcontent
04footer.ftconclusion
05section#slugcontext

01 / Readable

A recognisable structure

Four semantic areas, short classes and a business slug. The document already explains its organisation.

02 / Local

The section as context

Every feature lives in a section#slug. CSS and behaviour stay close to their intent.

03 / Durable

Standards before tooling

HTML, CSS and JavaScript remain visible. PHP, HTMX, SQLite or Blade may extend the foundation without replacing it.

The section is the functional unit. Interface elements are the internal structures of that section.