Projects & work
Projects Story
One project told in full: facts and sections with photos and figures, or a story of photos with two that hold still.
Layout and motion from the Balancee template — see it in contextTry it in the page builderBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| layout | "sections" | "photos" | "sections" | sections (Balancee): facts as cards, then the sections in a 950px column. photos (Cerette): five rows of photos and texts, two photos and the result holding still from 768px. |
| facts | { title, value }[] | 4 facts | sections: cards over the story, four in a row from 1024px, two from 768px. |
| sections | { title, text?, lead?, points?, images? }[] | Overview, Challenges, Solutions, Results | sections: an h2 each, paragraphs, a bold line and a list, then one photo (3 : 2), two side by side, or a wide one over three. |
| figures | { value, text }[] | 3 figures | sections: at the end of the last section, the figure beside its line. |
| images | { src, alt }[] | — | photos: four photos — tall, wide, wide, tall; the tall ones take a fifth of their row and stay 100px below the top of the window from 768px. |
| overview | string | — | photos: the large text beside the notes. |
| notes | { label, text }[] | — | photos: the brief and the scope, a label over muted text. |
| result / gallery / resultImage | string / { src, alt }[] / { src, alt } | — | photos: the result (holding still from 768px) beside the gallery, then one photo across. |
| className | string | — | Classes for the <section>. |
- No motion of its own and no hover, as on Framer; in the photos layout the sticky photos and result are CSS only, from 768px (on phones everything scrolls).
- Under a hero: hero-image carries the chip, the h1, the lead and the cover.
