# Monthly product letter

URL: https://samva.dev/templates/product-letter

Write a monthly letter with a lead story and a figure drawn in markup, a pull quote, a ruled index of what shipped, small fixes, a tip and one button.

## Guidance

- The lead is a title, a standfirst and one to three paragraphs. The scenes in its figure, the updates in the index and the fixes are lists, so an issue of two updates and one of four render from the same source. An update can add a small figure of its own.
- The event is optional: omit it, as the default fixture does, and the letter runs from the index into the fixes; long-content includes an event with its date and place. Format the issue month, the figure dates and the event time in your application; the template never reads the clock.
- It is written for Draftmoor, a fictional writing app for novelists. There are no pictures to replace, since the figure is built in markup. The look lives in the theme tokens in starter.css and the design's stylesheet, so a restyle edits those files.

## Variables

| Variable | Meaning |
| --- | --- |
| appUrl | Link for app. |
| event | Value for event. |
| figureCaption | Value for figure caption. |
| figureEnd | Value for figure end. |
| figureStart | Value for figure start. |
| figureTitle | Value for figure title. |
| fixes | Value for fixes. |
| issueMonth | Value for issue month. |
| issueNumber | Value for issue number. |
| leadParagraphs | Value for lead paragraphs. |
| leadStandfirst | Value for lead standfirst. |
| leadTitle | Value for lead title. |
| leadUrl | Link for lead. |
| preferencesUrl | Link for preferences. |
| quoteName | Value for quote name. |
| quoteRole | Value for quote role. |
| quoteText | Value for quote text. |
| scenes | Value for scenes. |
| tipBody | Value for tip body. |
| tipTitle | Value for tip title. |
| unsubscribeUrl | Link for unsubscribe. |
| updates | Value for updates. |