unsloppable
SECTION LIBRARY / 370 SECTIONS

Sections that already belong to a page.

Every section here is a live component from one of the templates, mounted directly rather than copied out. Improving one improves both, because they are the same file. Each consumes the seven certified role tokens and nothing else, which is what lets it carry any palette in the library.

Navigation

The chrome. Sixteen of these are sticky and two are fixed, and each answers the same question differently: what should a header do once the reader has moved?

16 sections

Hero

The opening statement. One image or one mechanic, committed to fully.

36 sections

Logo wall

The trust strip. A row of marks placed early, moving slowly enough that nobody reads it as motion.

12 sections

Feature

The middle of the argument, and the widest family by far. Each one shows a different thing the product does, using a layout shape no other section on its page repeats.

157 sections

How it works

The explanation. Numbered steps, scroll timelines, and pinned scenes that run a state machine as the reader travels.

14 sections

Metrics

The figures. Numerals at display scale, usually on a single rule, usually counting.

19 sections

Testimonial

One voice, or several. The library leans toward one at a time - two testimonials on a page read as filler.

32 sections

Pricing

The moment of decision. Tiers, comparisons, and estimators that stay honest about cost.

10 sections

FAQ

The last objections, set as an open list rather than an accordion wherever the answers are short enough to read at once.

05 sections

Call to action

The close. One ask, nothing else in the band.

35 sections

The last thing a reader sees. It has to do real navigational work and still land the page, rather than trailing off into a link dump.

34 sections
AUTHORING CONTRACT

One motion idea. Real depth. No theme leakage.

  • 01Role tokens only
  • 02Responsive from 375 to 1440
  • 03Static reduced-motion composition
  • 04Mounted from its template, never copied