Strata
Strata is a report page website template from Solus Five. ₱199, paid once. Scroll-told research report with a stepped narrative, charts checked against their own data table, and pages built to be cited.
Strata is the scrollytelling report that agencies build for annual reviews, impact reports and long-form features. The step sequence uses timeline-scope: each step of prose names a view timeline and the matching figure binds to that name, so the narrative itself is the clock and adding a step needs no offsets recalculated. Where a browser lacks the properties, one attribute written from an observer drives the identical layers, so the choreography is described once rather than twice. The report also takes its own credibility seriously: the chart and the data table are the same numbers, and the test suite fails the build when they drift apart. Reduced motion is a real document, not a switch. The figure unpins, every layer becomes a block in sequence, the horizontal track wraps into a list, and the charts start finished.
What Strata includes
- Scroll-driven steps with no animation library
- Charts checked against their own data table
- A real reduced-motion document, not a switch
- Method, limitations and citation pages included
Pages
- index.html
- findings.html
- method.html
- about.html
Files you get
- index.html
- findings.html
- method.html
- about.html
- styles.css
- app.js
- test.js
- README.md
Specifications
| Pages | 4 |
|---|---|
| Build step | None |
| Framework | None |
| JS | ~6.5KB |
| License | Single payment, unlimited projects |
Price
Strata costs ₱199, paid once. One payment, use on unlimited projects, no subscription.