Proof
logo-strip, stats-band, testimonial and team-grid — sections that show rather than claim.
logo-strip
Customer or partner marks, greyscale until hover.
Built with Zellij
type: logo-strip
heading: Built with Zellij
logos:
- assets/example/mark-1.png
- assets/example/mark-2.png
- assets/example/mark-3.png
- assets/example/mark-4.pngRendered as plain <img> rather than through next/image, deliberately: these
are small SVGs where the optimizer adds a request and saves nothing.
stats-band
Three to five numbers.
By the numbers
- 19
- Section types
- 10
- Themes
- <30
- Lines in a wrapper app
- 0
- Runtime dependencies you add
type: stats-band
heading: By the numbers
stats:
- { value: 19, label: Section types }
- { value: 10, label: Themes }
- { value: 30, label: Lines in a wrapper app, prefix: "<" }
- { value: 0, label: Runtime dependencies you add }Numeric values count up as the band enters the viewport, and render at their
final value under motion: none or reduced motion. value is free text, so
2.4M and Fortune 500 work as well as 12; a bare number is accepted and
stringified.
testimonial
One quote, or a carousel of up to five.
What people say
“We deleted a fortnight of layout work from every new product.”
Dana WhitfieldHead of Platform, Northwindtype: testimonial
heading: What people say
quotes:
- quote: We deleted a fortnight of layout work from every new product.
author: Dana Whitfield
role: Head of Platform, Northwind
avatar: assets/example/person-1.png
- quote: The build fails when a link breaks, which is the only review I trust.
author: Samir Haddad
role: Staff Engineer, Globex
avatar: assets/example/person-2.pngWith more than one quote it becomes a carousel with dots and arrows. Every
slide stays in the DOM so the quotes remain crawlable and reachable without
JavaScript; hidden slides are inert, which keeps their links out of the tab
order.
team-grid
People: a board, a faculty, a team, a list of contributors.
Who builds it
Ada Okonjo
Engineering
Built the section registry twice — once to learn what it should be.
Idris Bello
Design
Owns the token system, and the argument that ended it.
Noor Haddad
Documentation
Wrote this page, in the engine this page documents.
type: team-grid
heading: Who builds it
columns: 3
people:
- name: Ada Okonjo
role: Engineering
bio: Built the section registry twice — once to learn what it should be.
photo: assets/example/person-1.png
links:
- { label: Writing, href: /guide }
- name: Idris Bello
role: Design
bio: Owns the token system, and the argument that ended it.
photo: assets/example/person-2.png
- name: Noor Haddad
role: Documentation
bio: Wrote this page, in the engine this page documents.
photo: assets/example/person-3.pngExternal links open in a new tab; internal ones route in place.