Inkwell
A Pop Art comic shop site.
Inkwell is a website for an independent comic shop, in the Pop Art style of a printed comic: yellowed newsprint, ink, pulp red, mustard, teal and a pale pink; Ben-Day dots; 4px ink borders and hard block shadows; narration boxes, starbursts and panels with slanted gutters. Schibsted Grotesk at black weight shouts in capitals, Geologica does the reading. The sample shop, Panel & Pulp, and every series, creator, price and event are invented sample content. Every comic cover is drawn in code from a few fields, so no real characters or publishers appear.
- For
- Comic shop
- 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
The first screen is a comic page that prints itself: panel borders ink in, colours roll on like print passes, the lead cover swings into its panel and a KRAK! burst pops (and cycles sound effects when pressed).
What you get
Straight from the template's README, the same file you will find in the repository.
- Home (
index.html): the first screen is a comic page (four panels with slanted gutters: the headline in a narration box with a misregistered word, this week's lead cover leaning out of its panel, the pull-list call to action on a halftone print of ink tins with a KRAK! burst you can press for other sounds, and today's opening hours); "New this Wednesday", a rack of six drawn covers with prices and add buttons; your pull list as a drawn longbox that fills as you add series, with a monthly total; sketch nights and signings as a three-panel comic strip with save-a-seat buttons; staff picks in speech balloons pointing at their covers; a visit block with a halftone shelf photo and today's hours marked. - Pull list (
pull.html): the whole wall of series with genre filters, add and remove, and a sticky "Your box" summary with a reserve form (errors for an empty box, a missing name or email; a reserved state). - 404 (
404.html). - Light (newsprint) and dark (night print) themes, phone to desktop.
- The pull list is remembered in this browser (localStorage) and shared between the pages; the counter in the bar follows it.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Pull list
- 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.
