Full Page

Marginalia

A reading group for people who write in their books.

Marginalia meets every third Sunday to discuss one book — slowly, seriously, and with good wine. We read fiction, philosophy, essays, and the occasional graphic novel. No speed-reading, no hot takes, no Goodreads scores. We're 30 members across London and Berlin, meeting in person and online. New members join by recommendation or open call (twice a year).

Currently Reading

The Rings of Saturn — W.G. Sebald

Past Reads

Outline — Rachel Cusk, The Order of Time — Carlo Rovelli, Dept. of Speculation — Jenny Offill, Austerlitz — W.G. Sebald, Ways of Seeing — John Berger, The Mushroom at the End of the World — Anna Tsing

Schedule

Every third Sunday, 16:00 CET. Location rotates between members' homes and partner bookshops.

Book Club

Inviting book club page with current read, reading list, and join info.

by DesignGenerate 0 stars 1 renders 0 forks

Schema

FieldType
club_name string
tagline string
about text
current_read string
past_reads list<string>
schedule string
email email
join_url link

Apply Values

POST JSON to the API endpoint:

POST /api/templates/book-club/apply
Content-Type: application/json

{
  "club_name": "Marginalia",
  "tagline": "A reading group for people who write in their books.",
  "about": "Marginalia meets every third Sunday to discuss one book — slowly, seriously, and with good wine. We read fiction, philosophy, essays, and the occasional graphic novel. No speed-reading, no hot takes, no Goodreads scores.\n\nWe're 30 members across London and Berlin, meeting in person and online. New members join by recommendation or open call (twice a year).",
  "current_read": "The Rings of Saturn — W.G. Sebald",
  "past_reads": [
    "Outline — Rachel Cusk",
    "The Order of Time — Carlo Rovelli",
    "Dept. of Speculation — Jenny Offill",
    "Austerlitz — W.G. Sebald",
    "Ways of Seeing — John Berger",
    "The Mushroom at the End of the World — Anna Tsing"
  ],
  "schedule": "Every third Sunday, 16:00 CET. Location rotates between members' homes and partner bookshops.",
  "email": "[email protected]",
  "join_url": "https://example.com/join"
}

AI Prompt

Copy this prompt to generate a compatible template with any LLM:

You are an expert frontend designer.
Create a beautiful, modern HTML template for "Book Club" that strictly follows the constraints and schema below.

## Constraints
- Style everything using inline style="" attributes only (no external CSS, no <link>, no <style> tags)
- Do NOT use: <script>, <iframe>, <form>, <input>, <textarea>, <button>, <select>, <object>, <embed>, <details>, <dialog>
- Place data placeholders using this syntax: {{club_name:string}}, {{tagline:string}}, {{about:text}}
- The template must be a single HTML fragment (no <html>, <head>, or <body> tags)
- Use system fonts: font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif (or Georgia, serif for editorial)

## JSON Schema
```json
{
  "club_name": "string",
  "tagline": "string",
  "about": "text",
  "current_read": "string",
  "past_reads": [
    "string"
  ],
  "schedule": "string",
  "email": "email",
  "join_url": "link"
}
```

## Placeholder Syntax
Each data point uses `{{key:type}}` — for example:
- `{{club_name:string}}` → string
- `{{tagline:string}}` → string
- `{{about:text}}` → text
- `{{current_read:string}}` → string
- `{{past_reads:list<string>}}` → list<string>
- `{{schedule:string}}` → string
- `{{email:email}}` → email
- `{{join_url:link}}` → link

Output ONLY the HTML code block. No explanation.