Starcharm
A Y2K collectible drop template.
A landing page for a numbered collectible series, set as a Y2K print poster with glossy Aero controls: pearl grey paper with a fine grid, ink black, acid lime, signal orange and an electric-blue wireframe globe; Dela Gothic One for the giant words, IBM Plex Mono for running labels and edition numbers, Hanken Grotesk for reading. Vertical running text up both margins, a black info bar split into cells, sticker tags, strips of tiny coloured dots as dividers. Gloss lives on the buttons and the charms only (Y2K allowance); no purple or pink gradients. Pearl (light) and ink (dark) themes. Starcharm is an invented sample series; every charm, number, date and price is sample content.
- For
- Collectible drop
- Built with
- HTML, CSS, ES modules, three.js 0.186.1, 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 three.js mirror-chrome star charm turns over a wireframe globe on a printed poster and follows the scroll; turn the capsule machine's dial and the balls tumble, a capsule drops, splits open and shows a charm with a sample edition number.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- One charm
- 404
Stack
- HTML
- CSS
- ES modules
- three.js 0.186.1
- 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.
