Dispatch
An editorial newsletter template.
Dispatch is a home for a weekly email newsletter, in the Editorial style of a newspaper front page: a heavy grotesk masthead set edge to edge, ink rules between everything, a text serif for reading, small caps for datelines, and one bus-stop yellow used only as a highlighter, a button and one band. The sample newsletter, Night Bus, its editor, routes, letters and figures are invented sample content.
- For
- Newsletter
- Built with
- HTML, CSS, ES modules, Motion 14.6.0, anime.js 4.5.0 (no build step)
- Pages
- 3 designed pages
- Themes
- Light and dark, following the system, with a switch
Draft listing: this template is finished but still in review before it goes on sale.
Screens from the template
Every page is laid out for a 390 pixel phone as well as for tablet and desktop.
More pages
The 3D moment
A yellow highlighter sweeps under the key phrase of each section, word by word, as you reach it; the masthead rises out of its rule.
What you get
Straight from the template's README, the same file you will find in the repository.
- Home (
index.html): top line with issue number and date; the masthead and a strapline; the pitch with a sign-up form beside this week's issue set as a printed letter with a drop cap; "Inside every issue" in four ruled columns; the archive with topic filters (and an empty state); a night video band with a three-column excerpt; reader mail; who writes it; a yellow sign-up band; footer. - Issue (
issue.html): a full issue with a reading progress bar, dateline, display headline, standfirst, photo, a side column, a pull quote, a small timetable chart, three links and reader mail. - 404 (
404.html). - Sign-up forms with empty, invalid and done states (front end only: connect them to your email tool).
- Light (the day edition) and dark (the night edition): follows the system, with a toggle that remembers.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Issue
- 404
Stack
- HTML
- CSS
- ES modules
- Motion 14.6.0
- anime.js 4.5.0 (no build step)
The licence, in short
One purchase covers every site you build. Read the whole licence
You can
- Build as many websites and web apps with it as you like, for yourself or for clients.
- Change anything: code, design, copy, colours and layout.
- Charge clients for the work and hand them the finished site with its source code.
You cannot
- Sell, give away or publish the template itself, changed or not, as a template, theme, starter, kit or design file.
- Use it in a product whose main purpose is letting others build sites, like a site builder or theme marketplace.
