Index
A minimal docs site.
Index is a documentation site for a developer tool, in the Minimalism style: pure white, ink and a pale stone tone, one signal-blue accent for links, the active state and one moving dot, one grotesk in two weights with a monospace for code, and a lot of empty space. The sample product, Pallet (a job queue that lives in Postgres), its API, versions, dates and recipes are invented sample content.
- For
- Docs site
- 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 hairline diagram of a job's life draws itself, then a blue dot carries sample jobs through it: one finishes, one loops back on the retry arc, one fails, and each lands a line in the worker log.
What you get
Straight from the template's README, the same file you will find in the repository.
- Docs home (
index.html): a two-column first screen (headline, one sentence, an install line with a copy button, Quick start and API links) beside a framed hairline diagram of a job's life that runs on its own; a four-step "Start here" list whose code panel changes with the step; the whole docs tree as a ruled table of contents in four parts; a featured recipe with a photo and code beside a list of more recipes; a dated release list; a "Can't find it?" block with a big search trigger and help links. - Doc page (
doc.html?p=<slug>): one reader page for every doc. Sticky sidebar with the current page marked, breadcrumbs, title and lead, headings with anchors, code blocks with line numbers and copy, note and careful callouts, option tables, "On this page" that follows your scroll, previous and next, a "Was this page useful?" widget (yes, no with a short form, error and thanks states), a reading progress line. Pages without a body show a designed "not written yet" state; an unknown slug shows a not-found state. - Search on every page: Ctrl K (Cmd K on a Mac) or
/opens it; it searches page titles, blurbs and every heading; arrow keys move, Enter opens, Esc closes; an empty result says so. - Version select: choosing an older version shows the "you are reading old docs" banner with a way back.
- 404 (
404.html) with search and four suggested pages. - Light and dark themes (follows the system, with a toggle that remembers the choice), phone to desktop.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Docs home
- Doc page (any slug)
- 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.
