Fairweather
Weather app template.
A landing site for a weather app, or any app whose product is a calm piece of data. The page is a big sky behind frosted glass: one layer of glass, always over the photo, never stacked. The hero is seen through a rainy window, and the forecast panels are working pieces: minute rain bars, ten days on one scale, an hour scrubber and a radar you can play. Sample app: Fairweather, forecasting for Bergen (invented; every forecast, city line and price is sample data).
- For
- Weather app / mobile app landing
- Built with
- HTML, CSS, ES modules, Motion 14.6.0, anime.js 4.5.0, canvas 2D (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
Rain on the window: the hero is seen through a wet pane (canvas beads and running drops); Play the next hour time-lapses the minute forecast so the rain thins and stops at 15:40.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Cities
- 404
Stack
- HTML
- CSS
- ES modules
- Motion 14.6.0
- anime.js 4.5.0
- canvas 2D (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.
