Marketing

Wallpapers

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.

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

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

Source: components/src/ · Guidelines: components/catalog/Wallpapers/README.md