Hollow Moon
A Surreal design template for an art gallery.
A site for a small contemporary art gallery, in a calm, uncanny Surreal style: ordinary things in impossible places (a door standing in the sea, a staircase into a cloud, a chair on a ceiling), big light serif type, tiny museum labels and long empty space. The gallery, the artist Ines Varga and every work are fictional sample content.
- For
- Art gallery
- 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 door stands far out in a still sea; it swings open, its light comes on and spreads over the water (three.js over a graded photograph), dusk in light theme and night in dark.
What you get
Straight from the template's README, the same file you will find in the repository.
- Home (
index.html): full-bleed hero with the live door in the sea, the exhibition statement and hours, an uneven hang of six works with museum captions, a full-bleed scene with a line from the artist, coming exhibitions, visit (hours, address, drawn map, booking dialog), membership and a newsletter field. - Exhibition (
exhibition.html): one room per painting with its note, year, medium and size. - 404 (
404.html): "This room is upside down". - Light and dark: the hero itself changes, dusk in light and night in dark, and the page follows.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Exhibition
- 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.
