Plates
A pop art social app site.
Plates is a landing site for a consumer app, in the Pop Art style: warm paper, ink black and three flat inks (sunflower, hot pink, cobalt), a cobalt flood hero, condensed caps (Anton) in black boxes, 4px ink outlines and hard offset shadows on every card, Ben-Day dot fills, speech bubbles and starbursts. Body in Golos Text, labels in DM Mono. The sample app, Dotty (one photo a day for close friends, screen-printed in three inks), and every handle, price and comment are invented sample content.
- For
- Social app
- Built with
- HTML, CSS, ES modules, Motion 14.6.0, anime.js 4.5.0, canvas (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
Real three-ink screen prints made in the browser: a pinned press where scrolling slides the sunflower, pink and cobalt Ben-Day plates onto the paper one by one from far out of register into register until the print is stamped as posted, plus a try-it bench that prints your own photo.
What you get
Straight from the template's README, the same file you will find in the repository.
- Home (
index.html): cobalt flood hero with the headline, app buttons and today's print on a tilted card with a speech bubble and reaction dots; how a print is made (four steps beside a press); try a print (your own photo or a sample, three ink sets, dot size, download as PNG); today's wall of eight prints with Friends / Nearby / Everyone filters and reaction dots you can press; what it leaves out as four starbursts; plans with a monthly or yearly switch; questions as speech-bubble accordions; a pink download band. - A print (
print.html?p=p1): the print large, its three plates shown separately with their screen angles, the comment thread with a reply box and states, previous and next prints, and a "never posted" state. - 404 (
404.html): "This page slipped off the press", three plates of 404 drifting out of register. - Light and dark-room (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
- Home
- 404
Stack
- HTML
- CSS
- ES modules
- Motion 14.6.0
- anime.js 4.5.0
- canvas (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.
