Home Screen Background
The Home screen's background is four layers painted over each other — Color, Photo, Glow and Lines — plus Reaches, which decides how far down they go. Every layer has an off switch and every combination works.
Four Layers, Not One Setting
The Home screen section's own subtitle says it: "The background behind the greeting, painted as layers in this order. Any combination works." The four layers, bottom to top:
- Color — what is painted behind the greeting
- Photo — a picture of your own, over the color
- Glow — soft blurred shapes in your brand colors
- Lines — thin crisp lines over the glow
Each layer is its own row and each one can be switched off, so every combination works: a photo with shapes over it, lines on a plain page, a gradient with nothing on it at all. Nothing is ever greyed out because of something else you picked.
Each row is a set of buttons; rest the pointer on one for a one-line description of what it draws. Clicking an option repaints the live preview and switches it to the Home screen, so you see the result straight away.
Color
"What is painted behind the greeting."
| Option | What you see |
|---|---|
| None | The page itself, with no band behind the greeting. |
| Tint | A light wash of your colors behind the greeting. |
| Solid | One flat block of your main color behind the greeting. |
| Gradient | Your colors behind the greeting as a gradient. |
The gradient runs your brand colors in the order you listed them, at a fixed angle — there is nothing to set.
Photo
"Your own picture, over the color and under the glow."
The picker opens Your images, the shared library of everything your organization has uploaded, so you can reuse a picture or add a new one (PNG, JPEG or WebP). The layer is on for as long as a picture is stored; clear it and the layer is off.
The photo is drawn at a reduced opacity so your colors still come through, and it sits under the Glow and Lines layers — so shapes and lines are still drawn on top of it. How far the picture reaches follows Reaches, below.
Glow
"Soft blurred shapes in your colors."
| Option | What you see |
|---|---|
| None | No shapes behind the greeting. |
| Streaks | Three long diagonal smears. |
| Spotlight | One wide glow from the top edge. |
| Blobs | Three big round pools around the edges. |
Lines
"Thin crisp lines over the glow."
| Option | What you see |
|---|---|
| None | No lines over the glow. |
| Verticals | Four thin vertical lines of different lengths. |
| Grid | An even grid that fades out towards the bottom. |
| Rings | Wide circles spreading from the top right corner. |
| Squares | A few outlined squares in the top right corner. |
| Both | The vertical lines and the squares together. |
Reaches
"How far down the screen the background goes." It moves the whole stack — color, photo, glow and lines together.
- Top only — "A band behind the greeting that fades into the page; the cards sit on the page color." The band holds the logo row, the team avatars and the greeting, and fades into the page over a short distance.
- Whole screen — "The whole Home screen, cards and navigation included." The cards, the chips and the navigation dock sit on the background, in colors solved to stay readable on it.
New widgets start with Top only. A widget that has never had this chosen uses a simple rule: Top only when the Color layer is Tint, Whole screen for everything else.
Where the Colors Come From
There are no separate Home screen colors to set. The color behind the greeting, the shapes, the lines, the cards and every text on them are calculated from your widget color and your brand colors, and every text is checked for readability. See Color System.