Pro Weather.
Customizing your site

Design & branding

Make the site yours: logo and banner, twelve colour themes or your own page colour, light or dark, typefaces, layout and footer.

Open Website → Design. The controls sit under four tabs (Look, Header, Layout and Extras), a preview beside them shows your changes, and one Save makes all four live.

Which sections your site shows is chosen on Homepage, not here.

Describe your site

Type a sentence such as "warm and coastal" or "dark and cosy, wind front and centre" into Describe your site and press Generate. You get a short summary and a preview of your site in the proposed style. Nothing changes until you press Apply; Discard drops it, Regenerate tries again.

A proposal only sets options you could set by hand. It never writes your text, adds images or touches your readings, and after applying every value shows in the controls for you to adjust. You can generate ten times an hour.

Pro only

AI styling needs the Pro plan and is not part of the free trial, because each generation calls a paid AI service.

Look

  • Theme: Sky, Forest, Sunset, Mono, Midnight, Rose, Sand, Aurora, Ocean, Lavender, Ember or Olive.
  • Background: Soft gradient, Vivid gradient or Solid.
  • Color mode: Light, Dark or Auto (follows each visitor's device). Let visitors switch between light and dark adds a sun/moon button to the header.
  • Custom accent color: your brand colour for the header, active tab and links.
  • Custom page color: your own page tint in place of the theme's. Dark mode gets a deep shade of it, or a second colour you pick. Keep the light-mode tint light: the page warns you when it would clash with the dark text.
  • Font and Headings: seven typefaces (Clean, Elegant serif, Friendly rounded, Modern grotesque, Humanist sans, Display serif, Monospace), with an optional second one for the title and headings.
  • Text size (Small, Normal, Large), Corners (Sharp, Rounded, Soft), Density (Compact, Comfortable, Airy) and Cards (Outlined, Elevated, Flat, Glass). A larger text size is the easy way to make a site readable from across the room; Glass looks best over a vivid gradient or a banner.
  • Header style: Centered, Left, Compact (no tagline) or Hero, which opens the page on the current weather in a full-width band.
  • Logo: once saved, pick its size and optionally Show the logo instead of the site name.
  • Favicon: the browser-tab icon, also used as the app icon when visitors install your site. An .ico works for the tab, but the app icon then falls back to your logo, so use PNG or JPG if you want both.
  • Banner photo: a wide photo behind the header (at least 1600px across looks best). Once saved, set its height, how much it is darkened, and which part stays in view when cropped.
  • Show station location & map link: only offered when your station has coordinates.

Images can be PNG, JPG, WebP, GIF or ICO, up to 2 MB, and apply after saving.

Layout

  • Template: Tabs, or One page with every section stacked on one scrolling page. Switching keeps your order and names, so you can try it and switch back.
  • Content width and Tab bar (Text, Pills or Bar), tabs template only.
  • Tab order and names: reorder your sections and press the pencil to rename one ("Greenhouse" instead of "Sensors"), up to 24 characters. Leave a name empty to keep the standard, translated one.
  • Default tab: the tab visitors land on.
  • Overview tiles: Cards (number and 24-hour trend) or Gauges (round dials), how many Columns fit across on a desktop (3 to 6), and which tiles show in what order.

A section only appears when it has data and is switched on under Homepage.

Charts

Under Extras, Colors is Classic (red temperature, blue rain, green wind) or Accent (every chart in shades of your accent colour), and Style is Filled or Lines. Severity bands, the wind scale and the visitor's chart builder keep their own colours. The range charts open on is set on Homepage.

Also under Extras:

  • Footer text: one plain-text line, up to 200 characters.
  • Social links (YouTube, Facebook, Instagram, X) and one custom link with your own label and URL.
  • Show an "Add to home screen" banner: invites phone visitors to install your site as an app. Installing from the browser menu works either way.
  • Show "visitors today · total" in the footer: visitors are counted either way; see See your visitors.

Every site also shows a small "Powered by Pro Weather" line.

About your station

Website → About holds your station's story: up to 5,000 characters of plain text (a blank line starts a paragraph), one photo (PNG, JPG, WebP or GIF, up to 2 MB) and up to 8 links. Fill in any of them and your site gets an About section; leave all empty and it has none.

Starting over

Reset design, at the bottom of the Design page, puts every choice on that page back to how a new site starts. Your logo, favicon, banner, section names, footer text, links and everything on other pages are kept. There is no undo, so check the preview first. It is also the quickest way to undo an AI style. Homepage has its own reset.

Site name and tagline

The title and tagline are on Website → Site details, together with units and language and search and sharing.

On this page