Aubade

Futuristic smart home template.

A landing site and app screens for a smart home app, in a clean sci-fi control-panel language: a visible hairline grid with crosshair marks, wide technical capitals, readings in mono, one ice cyan for anything that is on and lamp amber only for light. Sample brand: Aubade (invented). The house, its readings, the schedule and the prices are sample content.

For
Smart home app landing
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.

A short, silent scroll through Aubade. Screens from the template are below.

Screens from the template

Aubade home page, light theme, at 1440 pixels wide
Home
Aubade home page, dark theme, at 1440 pixels wide
Home, dark theme
Aubade on a phone, 390 pixels wide

Every page is laid out for a 390 pixel phone as well as for tablet and desktop.

Home on a phone

More pages

Aubade: 404 page
404 page
Aubade: day page
Day page
Aubade: night page, dark theme
Night page, dark theme
Aubade: rooms page, dark theme
Rooms page, dark theme

The 3D moment

Scroll through one day of a house: the hero pins and the page scroll runs the clock from 06:00 to 23:00 while a three.js exploded axonometric house follows it, the sun crossing east to west with real shadows, rooms lighting amber at the levels the schedule sets, blinds rolling and windows glowing after sunset.

Pages and stack

Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.

Pages

  • Home
  • The app (rooms)
  • 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.

Every sale is final. If it is broken, we fix it or refund you.

The full source is yours the moment you pay, so judge a template from its screens and preview video first. If it does not work as described, write to hello@cardzo.co.in: we fix it, and if we cannot within 14 days of your report, you get the whole payment back. Sales and refunds

Aubade, and every other template

The all-access pass opens every template in the gallery, all 116 today, and each new one the day it is released. The same licence as a single template, in one checkout.

Compare it with buying one template

Yearly

$199a year

Every template while the pass is active.

Email me when it opens

Lifetime

$299once

Every template, for good.

Email me when it opens