Examples
Examples
Whole pages and assets built only from the system: the test that the system is complete, and the thing to copy. To make something new, copy the closest example and follow BUILD.md. Part of the SoR design system.
Status
✅ done · 🚧 in progress · ⏳ to build. Each kind has a guide (how to make it) and, once built, examples to copy. Detail in beads under design-34t (IDs in the last column).
| Kind | What it covers | Guide | Examples | Status | Beads |
|---|---|---|---|---|---|
| Website | Pages: home, manifesto, gatherings, join, magazine, white paper | website.md | below | ✅ v0.1 done. Sylvie's notes (white default, torn edges often) still to apply | .14 |
| Social media | Announcements and posters in 16:9, 4:5, 1:1, 9:16; Instagram, LinkedIn, Substack, link previews, profile banners; the Canva kit | social.md | Instagram kit | 🚧 Instagram done (4:5, 1:1, Canva kit); stories, LinkedIn, banners to do | .15 |
| YouTube | Video thumbnails, channel banner, avatar, lower third, watermark | youtube.md | below | 🚧 First pass done, polish in progress | .5 .6 |
| Podcast | Episode cover (YouTube), episode posts (Instagram), show art (3000²) | podcast.md | podcast kit | ✅ Episode cover and posts final (13 Oct); show art next | .16 .8 |
| Slides | Talk and workshop decks | slides.md | — | 🚧 Brief ready, in progress | .12 |
| Papers as PDF, A3 posters, later magazine pages | print.md | below | ✅ v0.1 done: the Wisdom paper; A3 poster later | .22 .28 | |
| Diagrams | Figures, charts and frameworks, in papers and shared alone; the signature | diagrams.md | below | ✅ v0.1 done: signature, type, drawing style, charts with data | .20 .25 .26 |
| The Greenhouse newsletter | email.md | — | ⏳ To build | .18 |
Each kind has its own folder under examples/.
Website
Pages for the Seeds of Renaissance website, one per register.
| Example | Register |
|---|---|
| Home | Landing page |
| Manifesto | Long reading |
| Gatherings | Events and community |
| Join | Joining |
| Magazine | Publication |
| White paper | Research |
YouTube
Thumbnails, podcast covers and channel art. What we need, what exists and what's next: youtube.md.
- Thumbnails and podcast covers, 1280×720, full size and in a feed.
- Channel art: banner, avatar, lower third, watermark.
Social
Instagram posts on the swallows-and-fingerprints ground, as a Canva kit. Rules, sizes and what's left: social.md.
- Instagram posts: podcast episode, quote card, announcement, statement, carousel; 4:5 and 1:1. Canva kit: README.
Diagrams
Figures, frameworks and charts in the house style. How to make one: diagrams.md.
- Diagram examples: the wisdom gap, polycrisis to metacrisis, and three charts (lines, ranked bars, before and after), each in light and dark, at 400px and in black and white; on a page of a paper and in a web article; and the Wisdom paper's published figures.
- Built by
examples/diagrams/build.py, whose functions are the starting point for a new figure.
Papers as one A4 PDF, read on screen. How to make one: print.md.
- Print examples: the Wisdom paper page by page (covers, title page, imprint, contents, a chapter opening, body pages with a figure, quotes and a summary box), and a link to the whole PDF.
- Built with Typst in
pdf-report-publishing(typst/build-paper.sh), from the--print-*tokens.
Open across all of them
- Sub-brands (major). Are Mythos, the papers, courses, Gardens of Change and The Greenhouse sub-brands with their own lockups and accents, or Seeds of Renaissance with a label? This shapes podcast, social, print and email. Beads
.11. - Font licences. Polyamine and Restora must be bought before anything public, PDFs and Canva included. Beads
.2. - Logo. Done 13 October 2026: every file in logos.html, rules in logo.md.
- Photography. Every photo so far is a placeholder. See photography.md.
