# Wallpapers

Group: Marketing

High-definition wallpapers for desktops (macOS, Windows, Linux) and phone lock screens (iPhone, Android), drawn in the canvas language, in light and dark, each with a **Download**.

- **Rings**: one idea with everything inside it (three rings), and a small idea leading into it with a hand-set *step inside*. Desktop: the big idea sits off the bottom-right corner, clear of desktop icons on either side. Phone: centered below the clock.
- **Depth**: stepping inside, frozen. Each layer is tinted by the idea you're in (`immersion-alpha`, 15% a step), down to a solid idea with its rings.
- **Constellation**: a whole map zoomed far out. Ideas draw as plain specks in their topic (level of detail), and the one in view stays whole, with its rings and label.
- **Map** (desktop only): a real `VisualMap`, *How memory sticks*, centered with room for icons, the Dock and the taskbar.

| Format | File size | Fits |
| --- | --- | --- |
| Desktop 16:9 | 5120 × 2880 | Windows, Linux, iMac, Studio Display, 4K and 5K monitors (scales down cleanly) |
| Desktop 16:10 | 3840 × 2400 | MacBook Air and Pro |
| iPhone | 1320 × 2868 | every current iPhone (Pro Max native) |
| Android | 1440 × 3120 | Pixel, Galaxy and most 19.5:9 phones |

Rules:
- Flat token colors only, with no gradients. The same idea outline, ring recipe, connectors and topic fills as the canvas, so the wallpapers read as Visualli without a logo.
- At most one hand-set note per wallpaper.
- Desktop compositions keep the menu bar, Dock and taskbar edges calm. Phone compositions keep the top third (clock and widgets) and the bottom 12% (flashlight, camera, home bar) calm; *Show lock-screen overlays* marks those zones.
- **Think Visualli**, the sign-off, is the label of the idea in view (the big idea in *Rings*, the core in *Depth*, the idea in view in *Constellation*), with *Visualli* set as `Signature`: the hand face and its spectrum swash, the screen's one signature word. On *Map* it sits under the map, as "Think" plus *Visualli* in `Signature`. It's never written *Visualli®* here: the ® is for legal and website footers, deck title slides and press.
- **VISUALLI.AI** on desktops only, set like the banners' url (display face, letterspaced, `ink-muted`), small, in a calm corner above the taskbar and Dock line: bottom-right, or bottom-left on *Rings*, where the big idea owns the right. Phones carry none; the lock screen is busy enough.
- No logo file on the art: the logos are PNG-only and would soften at 5K. The words above are live text, so they stay sharp.

Regenerate with `npm run build:marketing` after `npm run build`. Files land in `assets/marketing/wallpapers/` as `<desktop|phone>-<design>-<format>-<light|dark>.png`.


## Use

```ts
import { Wallpapers } from '@visualli/design-system/components';
```