Pro Weather
Customizing your site

Appearance & branding

Add your logo, theme, banner and layout to make the site your own.

Your site's Appearance settings let you make it match your brand or club without touching any code. Open your site in the dashboard and go to Appearance. A live preview of your site sits alongside the controls and updates as you tweak - saving makes it live.

Describe your site

Not sure which colours you want? At the top of Appearance, the Describe your site card takes a sentence instead - "warm and coastal, like a village by the sea", or "dark and cosy, warm colours, wind front and centre" - and an AI proposes a complete style to match.

A Pro feature

AI styling is available on the Pro plan. Unlike most Pro features it isn't part of the free trial, because every generation calls a paid AI service.

Press Generate and nothing on your live site changes yet. You get a sentence describing what was proposed, and a preview of your own site wearing the new style, right there in the page. From there:

  • Apply to site saves it, exactly like saving the form below.
  • Discard throws it away - generating on its own never changes anything.
  • Regenerate has another go; reword your description first if the result missed what you meant.

A proposal can only set options you could have set by hand: theme preset, background, light or dark, fonts, corners, density, accent colour, header style, tabs or one page, the order of your tabs and Overview tiles, and which panels are shown. It never writes text, adds images or touches your readings, so nothing it proposes can break your site - and once applied, every value appears in the controls below for you to fine-tune.

Getting a good result

Describe the feeling and what matters most, rather than hex codes: "calm and minimal", "our club's green and white", "rain and wind first". Asking for something to be front and centre moves that tab and its tiles forward, so say what visitors should see first. You can generate up to ten times an hour, so it's worth trying a few wordings.

Theme

  • Theme: choose a preset palette - Sky, Forest, Sunset, Mono, Midnight, Rose, Sand or Aurora.
  • Background: how the page behind the cards is painted, in the theme's colors - a soft gradient (the default), a vivid gradient with more color, or a solid flat tone.
  • Color mode: Light, Dark or Auto (Auto follows each visitor's device).
  • Font: pick the typeface used across the site - Clean (the default), Elegant serif, Friendly rounded or Modern grotesque.
  • Headings: optionally pair a second typeface for the site title and section headings - a serif headline over clean body text, for example. The default is to match the body font.
  • Corners: how rounded cards, tiles and buttons are - Sharp, Rounded (the default) or Soft.
  • Density: how tightly the site packs its content together - Compact, Comfortable (the default) or Airy.
  • Custom accent color: turn this on to override the preset's accent with your own brand colour. It's used for the header, active tab and links.
  • Header style: Centered, Left or Compact - Compact skips the tagline for a slim, single-row header.
  • Logo: shown in the site header.
  • Favicon: the small icon shown in the browser tab (and used as the app icon when visitors install your site).
  • Banner photo: a wide photo shown behind the header - your station's view works great.
  • Show station location & map link: display where your station is, with a link to a map (needs a station with a known location).

Image tips

Images can be PNG, JPG, WebP, GIF or ICO, up to 2 MB, and apply after saving. Use a transparent PNG or SVG-style logo so it sits cleanly on any header colour; banner photos look best wide (landscape) and at least 1600px across.

Layout

  • Template: how your sections are presented.
    • Tabs (the default): sections sit behind a tab bar and visitors switch between them.
    • One page: every section is stacked on a single scrolling page, so everything is visible without a click. Good for a site with only a few sections, or for a screen that's left on all day.
  • Tab order (called Section order on the one-page template): put your sections in the order you want.
  • Default tab: choose which tab visitors land on first. The one-page template has no default tab, since nothing is hidden.
  • Overview tiles: pick which metric tiles appear in the Overview grid and the order they show in.

Sections only appear when their data exists and they're enabled in Settings - see Tabs & panels for how the sections work.

Switching template keeps everything

Your order, tiles and enabled sections carry over both ways, so you can try the one-page layout and switch back without redoing anything.

  • Social links: YouTube, Facebook, Instagram and X (Twitter).
  • Custom link: one extra footer link with your own label and URL - perfect for your club's homepage.

Every site also carries a small "Powered by Pro Weather" line at the bottom of the page.

Your station's story lives on its own page - see About your station below.

Weather map

If your station has coordinates, Appearance gains a Weather map card. Turn on Show a Windy weather map to add an interactive Windy.com map, centred on your station, as its own Map tab or section. Pick the layer it opens on (wind, rain, temperature and more) and the forecast model. Nothing loads for visitors who never open the map.

Webcam

The Webcam card adds a live image from your camera as its own Webcam tab or section. Paste the direct image URL your camera serves - the snapshot endpoint of an IP camera, or a JPEG your camera uploads to your own web space. While a visitor has the page open, the image refreshes every few minutes on its own.

Our servers fetch the image and cache it briefly, then serve it to your visitors from your site's own address. That means:

  • Visitors never connect to your camera - your home connection stays private, and the camera never sees visitor traffic, no matter how busy the site gets.
  • Plain http:// cameras work on your secure https:// site.
  • Cameras that need a login work too: use the http://user:password@camera.example.com/snapshot.jpg form and the credentials stay on our servers, never in your public page.

The URL must point at a still image (JPEG, PNG, WebP, GIF or AVIF, up to 5 MB) - a video stream or a webpage containing the image won't work. Most cameras have a snapshot URL for exactly this; check the camera's manual for "snapshot" or "still image". Clear the field and save to remove the tab.

Visitor counter

The Visitor counter card puts a "visitors this month" line in your site's footer. It's off until you turn it on - see See your visitors for what's counted and how the numbers are collected.

About your station

The About page in the dashboard (its own item, next to Appearance) is where you tell visitors about the station - where it stands, its history, the equipment it runs:

  • Text: plain text, up to 5,000 characters. A blank line starts a new paragraph.
  • Photo: a shot of the station or its surroundings (PNG, JPG, WebP or GIF, up to 2 MB).
  • Links: up to 8 labelled links, for your club, a webcam or your old site.

Fill in any one of the three and your site grows an About section, ordered with the rest under Layout. Leave all three empty and no About section appears.

Mobile app

Visitors can install your site as an app on their phone - it gets its own icon (your favicon or logo) and opens full-screen. The "Add to home screen" banner toggle controls whether visitors see an invitation; installing stays possible from the browser menu either way.

Starting over

At the bottom of the Appearance page, Reset appearance puts every choice on that page back to how a brand-new site starts: theme, background, color mode, fonts, corners, density, accent color, header style and layout, plus the location, home-screen and visitor-counter switches.

Your logo, favicon, banner photo, custom link and social profiles are kept, and so is everything on the other tabs - the reset only covers the page you're standing on. There's a confirmation step, and no undo afterwards, so it's worth a look at the live preview first.

Tried something and don't like it?

This is the quick way back after experimenting, and the fastest way to undo a style you asked the AI customizer for. The panels have their own reset - see Tabs & panels.

Site name & description

Your site's title and tagline live on the Settings page, alongside units and language and search-engine options.

Next steps

On this page