Shipyard 48
A Pixel Art hackathon template.
A landing site for a weekend hackathon, in daylight pixel art: an 8-bit sky, cream panels, navy ink, tomato, sun and grass, square corners, 4px borders and hard offset shadows. A tall pixel display face for headings, a plain sans for reading and a mono for times. Day (light) and night (dark) themes: at night the harbour lights up, the stars come out and the crane lamps blink. Shipyard 48 is an invented sample event; every name, prize, time and address is sample content.
- For
- Hackathon
- Built with
- HTML, CSS, JavaScript (no build step), Motion 14.6.0, anime.js 4.5.0, canvas pixel art
- 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 pixel harbour that works all weekend: cranes swing containers onto a moored boat in the hero, and the 48-hour timetable drives a harbour window whose sky, sun, moon and lit sheds tick hour by hour to the row you scroll to.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Schedule
- 404
Stack
- HTML
- CSS
- JavaScript (no build step)
- Motion 14.6.0
- anime.js 4.5.0
- canvas pixel art
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.
