Guides · 4 of 4

The design file

How it looks, apart from how it sounds: colours and HTML, in one file.

Start from one that works

  1. Design → Manage → Download the one you use.
  2. Rename it, then change the colours.
  3. Then the templates, one block at a time.
  4. Design → Manage → Upload. slopmill test-draws it first and tells you what is wrong.

The storybook example

Cream like an old book page, with amber links. Its colours:

[accents]
green = "#44652A"     # moss
blue  = "#2B5A8A"     # cornflower
amber = "#9C6109"     # amber
red   = "#A63D2C"     # brick

**a phrase**{.green} draws it in moss. The model knows the names too.

Each block is a small HTML template, styled inline for email:

<p style="margin:0 0 18px;font-family:Georgia,'Times New Roman',serif;
   font-size:17px;line-height:1.75;color:#3B2F24">{{ content }}</p>

The parts

[pack]
Name, and where pictures and issues live online.
[meta]
Title, subject, date…
[accents]
Named colours. Charts use them too.
[blocks]
Templates for paragraphs, headings, quotes, lists.
[components]
Boxes: a figure (needed for pictures), a note, a poem.
[templates]
The HTML itself.

Full reference: DESIGN-FILES.md.