# Appearance & branding

URL: https://pro-weather.com/docs/customizing/appearance

> 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.

## Theme

- **Theme**: choose a preset palette - **Sky**, **Forest**, **Sunset** or
  **Mono**.
- **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**.
- **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

- **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

- **Tab order**: put the tabs along the top of your site in the order you want.
- **Default tab**: choose which tab visitors land on first.
- **Overview tiles**: pick which metric tiles appear in the Overview grid and
  the order they show in.

Tabs only appear when their data exists and they're enabled in Settings - see
[Tabs & panels](https://pro-weather.com/docs/customizing/panels) for how the tabs work.

## About & links

- **About this station**: a short description shown on your site, below the
  weather (up to 2000 characters).
- **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.
- **Powered by Pro Weather footer**: see below.

## 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.

## Site name & description

Your site's **title** and **tagline** live on the **Settings** page, alongside
[units and language](https://pro-weather.com/docs/customizing/units-language) and
[search-engine options](https://pro-weather.com/docs/customizing/seo-social).

## Removing Pro Weather branding

You can hide the **"Powered by Pro Weather"** footer so the site appears
entirely as your own. This is a **Pro plan** feature: during the free trial
the footer stays on, and you can hide it as soon as you subscribe. If a plan
lapses, the footer returns until you subscribe again.

## Next steps

- [Choose which tabs and tiles appear](https://pro-weather.com/docs/customizing/panels)
- [Search engines & sharing](https://pro-weather.com/docs/customizing/seo-social)
- [Add a custom domain](https://pro-weather.com/docs/custom-domain)