Sovereign cloud.Software that's alive.
A visual and verbal system for surfaces under the DFINITY and Internet Computer mark. Editorial, factual, calm. Three faces, one accent, light by default with a documented dark mode for product surfaces that need it.
Drop the two official skills into your agent's skill library (Claude, Codex, Copilot, Cursor, Perplexity). The agent then fetches /rules.json on every task and ships on brand without further prompting. Copy both as plain text or download as a zip.
Visual system + verbal system, paired. The copy bundle prepends a one-line pointer that tells your agent to fetch /rules.json on every task so it stays in sync with this page. Looking for the assets instead (favicon, video backgrounds, wallpapers, signatures)? See the asset bundles at the bottom of the page.
What ICP is.
If any copy or design disagrees with this section about what ICP is, the copy or design is wrong. The top line below is locked.
Top line, locked. Sovereign cloud. Software that's alive.
Five public pillars, in this order. On-demand · Tamperproof · Always-on · Fluid · Yours. The italic on Yours is locked. These pillars run on the homepage strap and on every public-facing surface (banners, VC backgrounds, signatures, decks).
Long form: ICP is a sovereign cloud where the software itself is alive. Apps are generated on demand through AI chat and keep extending themselves over time with new natural-language functionality, while the network underneath runs them tamperproof, always-on, and under your control. It runs the whole app on the network itself, the frontend, the data, and the backend logic.
- On-demand. Apps, SaaS, and websites are generated through AI chat at the speed of conversation. No team to provision, no infrastructure to set up first.
- Tamperproof. Security is a property of the network, not a team. Tamperproof execution, replication, and code integrity are enforced by math across the nodes. No security team, no sysadmin, no compliance officer needed for what the network already enforces.
- Always-on. Nodes are distributed across independent locations, so an app keeps serving users even if a whole data centre goes down. No patch windows, no maintenance pages.
- Fluid. Software is not a static binary. AI can see the data inside the running app and extend its functionality on the fly through natural-language interfaces. Same app, new capability, no redeploy.
- Yours. An app deployed to ICP is not locked to a cloud vendor. Pick the hardware, the operators, and the jurisdiction. Move between providers, or off them entirely, without downtime.
Out of scope. Products with their own brand identity, like OISY and Caffeine, are not covered here. They have their own voice and visual systems.
Homepage hero variant.
The canonical strap above is the master positioning and ships on every off-homepage surface: decks, social banners, video conference backgrounds, email signatures, deck covers, investor and press pages, this guide. The internetcomputer.org homepage runs a product-led variant of the H1 that names the artifact ICP runs, rather than the metaphor that describes it. The two coexist on purpose: alive. describes what the network is, AIware describes what runs on it.
Eyebrow. § Internet Computer Protocol (ICP) · The internet overlay for AIware
Hero H1, line one (static). Sovereign cloud.
Hero H1, line two (rotation). A two-state rotation between Runs AIware. and Tamperproof, always-on. Both phrases are italic-rust in full. This is a controlled exception to the one-italic-word rule and is scoped to the homepage hero only. Both states are baked into the DOM (one in an invisible measurement layer for stable layout, one in an absolutely positioned live layer) with aria-live="polite".
Sub-strap. Create custom AIware apps and SaaS on-demand, which have fluid functionality. Italic-rust on fluid functionality only.
Where this variant is allowed. internetcomputer.org homepage and product pages on the same domain that talk about what ICP runs. Nowhere else. Off-homepage surfaces continue to ship the canonical strap with italic-rust on alive., and the one-italic-word rule still applies there.
AIware, the product noun.
Spelling, locked. Always written AIware as one word: capital A, capital I, lowercase ware. Never AIWare, aiware, AI-ware, AIWARE, or AI ware. Treat as a proper noun.
What it means. A new category of software that AI agents generate, extend, and operate on demand. AIware apps are generated through AI chat, expose their data and logic to the agent so it can add new functionality on the fly, and run end-to-end on the Internet Computer so they stay tamperproof, always-on, and under the user's control.
Part of speech. Noun and adjective. Runs AIware (noun). AIware apps (adjective). Sophisticated AIware (noun). The same word does both jobs without modification.
Do not substitute. Do not replace AIware with AI agents, agentic apps, AI-native apps, or agent-built apps on surfaces that reference the internetcomputer.org product noun. Those phrases describe the actors or the building style; AIware is the artifact.
Relationship to the canonical strap. The canonical strap (alive.) describes what the network is. AIware names what runs on it. Both are correct, and both can appear on the same page when it serves the audience. The canonical strap stays the master line on off-homepage surfaces.
How it reads.
Calm, factual, plain. Like The Economist, not a startup pitch deck. Four voice attributes everyone working under this brand should keep in mind.
- Factual. Every sentence states something concrete. If you can remove a sentence without losing information, remove it.
- Plain. Read every sentence aloud. If you would not say it to a smart non-specialist friend, rewrite it.
- Calm. No hype, no urgency theatre, no exclamation marks, no emoji. The product is self-evidently interesting.
- Sovereign by math. When security, uptime, or tamperproof execution come up, the subject is the network, not DFINITY and not the cloud underneath.
Sentence case for headlines and body. Italic carries asides only: a single emphasis word in a heading, a caption, an attribution. Never italic for stress in body copy.
No em-dashes, anywhere. The U+2014 character is banned. Replace with a colon, a period, or parentheses depending on the sentence shape.
Replace bare onchain and on-chain with the underlying app attribute (tamperproof, unstoppable, sovereign, end-to-end on the network). The word is a category label, not a benefit.
High-signal substitutions.
| Don't say | Say instead |
|---|---|
| Install dfx | Install the icp CLI |
| Blockchain platform | Sovereign cloud / tamperproof, always-on infrastructure |
| Decentralized (as the pitch) | Tamperproof, unstoppable, sovereign |
| Smart contracts (to developers) | Canisters, or agent-built app backends |
| Build onchain apps | Build tamperproof, always-on apps on a sovereign cloud |
| Onchain governance | Tamperproof governance / governance enforced by the network |
| Fully on-chain | End-to-end on the network |
| Tamper-proof / tamper proof | Tamperproof (one word, always) |
| Enterprise-grade security you can trust | Tamperproof by the network, integrity enforced across the nodes |
| Revolutionizing / next-generation | Name the specific capability |
One accent, calm surfaces.
Parchment and ink, with rust as the single primary brand color. A small set of section stripes for category coding only. Section colors never appear on body text, CTAs, or running emphasis.
Surface and ink
Surface texture
Two surface tools reduce visual monotony without resorting to boxes, shadows, or color blocks. The page background is parchment, sunk parchment is for alternating sections and sunk panels, and the grid paper is a near-invisible texture used on hero and feature surfaces.
The default surface for everything. --icp-bg · #faf9f5. Body text, prose, all standard sections.
Use to differentiate adjacent sections, sunk panels, code-example wrappers. --icp-bg-sunk · #f3f1ea. Hairline still wins above and below.
Primary accent
Section stripes (category coding only)
Three faces, three jobs.
Newsreader for what you read. Inter for what you click. JetBrains Mono for what the system reports. No fourth face anywhere.
Components.
Don't invent new primary patterns. If a surface needs something not listed here, raise it before shipping.
#1a1a1a background, regardless of theme. White text, rust arrow.skills.internetcomputer.org
A growing skill library for Claude Code, Codex, Copilot, Cursor, and Perplexity. Make agents into ICP experts.
OpenChat
Tamperproof messaging that runs end-to-end on the network. Section coded with deep teal stripe.
--icp-indicator-teal. Never use Newsreader for stat numerals.List rows
The mark at sixteen pixels.
A favicon's job is to let the infinity mark read in a tab strip, a bookmark bar, a pinned tab, an iOS home screen. The brand's typography and grid texture do not survive at sixteen pixels, so the favicon strips down to the gradient infinity on a transparent canvas. The browser places it on its own chrome, light or dark, and the mark holds.
Sizes and surfaces
Five raster sizes ship: 16, 32, 48, 192, 512. The 16 px tile is the only size most users ever see, so the mark is centered with comfortable padding and the gradient is allowed to soften rather than fight the pixel grid. The 192 and 512 sizes cover Android home screens and PWA install dialogs.
In a tab strip
iOS home screen and Safari pinned tab
iOS does not auto-theme home-screen tiles, so two variants ship: a parchment fill for light wallpapers and a deep-bark fill for dark wallpapers. The Safari pinned-tab mark is a single-color silhouette which Apple recolors at runtime; the brand value is rust #a8482b, declared in the color attribute of the mask-icon link.
apple-touch-icon · parchment fill
apple-touch-icon-dark · deep bark
Safari pinned tab · brand-recolored
Why no grid background
The brand's signature grid paper texture does not survive at sixteen pixels. Compressed into a tab-strip tile, the grid stops reading as a system gesture and starts reading as noise that fights the gradient infinity. The favicon's only job is to let the mark resolve cleanly. The grid stays where it can breathe: hero sections, banners, document headers.
HTML to ship
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#a8482b" />
<meta name="theme-color" content="#faf9f5" media="(prefers-color-scheme: light)" />
<meta name="theme-color" content="#14110d" media="(prefers-color-scheme: dark)" />Light by default, dark on demand.
The brand ships light editorial as the default. Dark is opt-in for product surfaces that need a dark reading environment, like NNS at night, dashboards, or developer tools. Apply via data-theme="dark" on <html>. Never auto-switch on system preference.
Parchment #faf9f5, ink #1a1a1a, rust accent #a8482b.
Bark #14110d, bone #f0ebe0, ember #c25a37.
When to use which. Marketing, the main site, developer documentation, blog posts, decks, and any newcomer surface stay on light. Dark is reserved for product surfaces where users spend long stretches of time and reading comfort outranks atmosphere.
How to switch. Apply data-theme="dark" on <html>. Persist the choice in localStorage if the surface offers a user toggle. Never use prefers-color-scheme to auto-switch: light is the deliberate default, and the choice should be explicit.
What does not change between themes. The CTA bar always uses near-black #1a1a1a as the inverted call-to-action surface. Type system, spacing, radii, and component patterns are theme-independent.
What does change. Backgrounds, foregrounds, hairlines, and the accent shift one notch warmer in dark (rust #a8482b becomes ember #c25a37 for AA on bark). Section stripe colors deepen for AA contrast.
Design review checklist.
- Uses
tokens.cssvariables, no hardcoded brand hex values. - Light is the default. Dark only via explicit
data-theme="dark". - Newsreader for editorial type, Inter for UI chrome, JetBrains Mono for technical readouts. No other faces.
- Sentence case for headlines and body. UPPERCASE only on Inter eyebrows, JetBrains Mono markers, and small CTA labels.
- Italic used only for asides, captions, attributions, or a single heading emphasis word.
- One primary accent on the page (rust
#a8482b). Section stripes scoped to category coding only. - Body prose capped at 720px.
- 1px hairlines in
--icp-rule, no heavy borders. - Pill radius (
9999px) used only for CTAs. - CTA bar background is near-black
#1a1a1ain both themes. - Focus states visible, AA contrast verified.
- No emoji, no stock illustration, no 3D render, no crypto iconography.
- No gradients, no drop shadows.
- External links use
↗affordance, not an SVG icon. - No em-dashes anywhere (U+2014).
- No bare "onchain" or "on-chain" as nouns, attributes, or selling points.
- Favicon ships as the gradient infinity on transparent canvas, no grid texture, no container.
- HTML head includes
icon,alternate icon,apple-touch-icon,mask-icon, and boththeme-colormeta tags.
The call as a brand surface.
A video call is the largest format the brand will ever ship at low resolution. Webcam compression eats fine detail, the speaker tiles cover the bottom band, and any text or mark has to survive a 720p downscale on a meeting grid tile. The system here is built for that constraint: a soft tonal glow centered on the upper band (paper warmth, not a designed gradient), a 24px paper grid at four to five percent ink, the gradient infinity at the top-right, and the locked editorial lockup at the top-left where speaker tiles can never cover it.
Two variants
One composition, two themes. Light parchment is the default and matches the brand's editorial register on every other surface. Deep bark is for low-light environments and evening calls where parchment glares. Both carry the same locked lockup in the upper band of the frame: an Inter UPPERCASE eyebrow, the strap with italic-rust on alive, and the pillar row with italic on Yours. The mark sits in the top-right corner, aligned with the eyebrow baseline. Both ship with a soft tonal glow that moves between two values already in tokens.css (--icp-bg and --icp-bg-sunk), brighter at the top where the type sits, slightly deeper toward the bottom where the speaker tiles will land. No campaign overlay, no event badge, no neutral version: the editorial lockup is the brand on a call, every call.
Default light. Glow centered on the upper band, the locked editorial lockup at the top-left, mark top-right at 280 px. Speaker tiles cover the lower two thirds without ever touching the type. Use for most calls.
Dark counterpart. Same composition, same lockup, sunk bark #1f1b14 at the top fading to deep bark #14110d toward the bottom. Lower glare for evening calls.
Composition rules
Speaker safe zone, never violated. Speaker tiles in Zoom, Meet, and Teams render in the lower two thirds of the virtual background. Treat the area from thirty percent canvas height down to the bottom edge as off-limits for any mark, type, or texture-heavy element. Every shipped variant has been tested by overlaying meeting-grid tile rectangles to confirm no speaker frame intersects the lockup.
Mark top-right. The gradient infinity sits in the top-right corner, aligned with the eyebrow baseline at the top. On the master 3840 × 2160 file the mark is 200 pixels wide; in the 1920 × 1080 export it scales proportionally. The mark is the quietest fixed element on the canvas, never larger than the strap. Never center the mark and never place it at the bottom where speaker tiles would cover it.
Type top-left, never center. The locked tagline sits at the top-left of the frame, anchored ninety-six pixels in from the left edge. The eyebrow sits at thirty-four pixels Inter, the strap at one hundred twenty pixels Newsreader weight 380 with italic-rust on "alive", and the pillar row at thirty-eight pixels Inter with italic on "Yours" only. The entire lockup occupies the upper twenty-five percent of the canvas. Centered text fights the speaker; bottom-anchored text gets covered by speaker tiles.
Paper grid, denser inside the speaker zone. A faint base grid of one-pixel rust lines runs across the full canvas at five percent ink on parchment and six and a half percent on bark. Inside a soft circular region centered on where the speaker sits (fifty percent canvas width, sixty percent canvas height, forty-two percent radius), a second, stronger grid layer is painted at thirteen percent fine and eighteen percent major, masked with a feathered radial that fades to zero at the edge of the circle. The math paper is most visible exactly where the speaker's shoulders would otherwise hard-cut against the parchment, giving texture to blend into. Major gridlines every fifth square (four hundred pixels) read as engineering paper, not screen graph. Webcam compression should preserve the masking gradient because the values are all within four percent of each other in the dark zone.
Rust glow under the lockup only. A soft radial of rust at eight percent ink (parchment) or fourteen percent ember (bark) sits behind the eyebrow, strap, and pillar row in the upper-left, eighteen percent canvas width by twenty-two percent height, fading to zero by forty-two percent radius. The rest of the canvas stays flat warm parchment or flat bark. No edge vignette, no full-canvas glow, no second accent. The rust under the lockup ties the type to the brand accent; everywhere else, the eye should rest on the paper.
Master resolution, 3840 × 2160. Every variant ships as a single 4K master. Zoom, Meet, and Teams downscale the file at the client side without artifacts. Recorded keynotes, hardware backdrops, and 4K streams use the file directly. Shipping one master file per variant cuts the bundle from four to two files, removes any chance of a stale 1080p export drifting from the 4K composition, and keeps the canister assets in lockstep with the SVG source.
How to apply
Zoom. Settings → Background and Effects → Virtual Backgrounds → add image. Upload the 3840 × 2160 file; Zoom downscales locally. Disable mirror to keep the mark in the top-right and the type on the left.
Google Meet. Pre-call screen → effects → backgrounds → upload. Same 3840 × 2160 file. Meet auto-mirrors local preview but ships unmirrored to other participants, which is the correct behaviour.
Microsoft Teams. Pre-call → background filters → add new → upload. Same 3840 × 2160 file. Teams crops slightly more aggressively at the top, so the speaker safe zone matters most here.
Recorded keynotes. Use the 3840 × 2160 file as a static composite under a chroma-keyed speaker plate, or as the rear screen on a hardware backdrop.
What does not ship
- No campaign overlays, slogans, or event badges baked into the default backgrounds. Campaign backgrounds exist as separate, time-boxed assets.
- No URL or contact strip on the canvas. The brand surface is the call, not a billboard.
- No drop shadow, no gradient fill, no 3D render of the mark. The mark is the same flat gradient infinity used on the favicon and the social profile picture.
- No emoji, no exclamation marks, no "join us at" copy.
- No bare "onchain" or "on-chain" on the editorial tagline. The locked strap is the only tagline that ships on a video background.
- No mirrored variant. The mark always reads top-right when the call is sent to other participants.
Download
Bundle ships as a single zip with the two variants at the master 3840 × 2160 resolution, two files in total. The 1080p exports are retired; the 4K masters downscale cleanly on every meeting client and remove any risk of a stale lower-res file drifting from the master composition.
The signature as a brand surface.
Every email out the door carries the brand for two seconds at the bottom of the message. The system here does not try to make a billboard out of those two seconds. It carries the same composition logic as the social profiles in § 07: a still mark, a Newsreader name, an Inter middot meta line, an UPPERCASE eyebrow link row with the rust accent on the primary link only, a hairline rule, and a two-sentence disclaimer in secondary tone. The mark is still. Animated logos read as unprofessional and most clients block animation anyway. The template ships as a table with inline styles, which is what Outlook, Gmail, and Apple Mail need to render the signature consistently.
Generator
Type a name, title, and organisation. The generator renders the signature live in light and dark, then copies the production HTML to the clipboard. The mark, fonts, colours, and disclaimer travel with the paste; the wrapper preview chrome is stripped before copy.
"Copy HTML" gives you the raw template for editors that accept HTML source (Outlook .htm files, Apple Mail .mailsignature edits, Superhuman). "Copy rendered" copies the live signature element so you can paste it directly into Gmail or Apple Mail signature editors.
Composition rules
Right-sized for real inboxes. The signature is metadata, not a billboard. The shipped sizes are calibrated to sit roughly one notch above the standard 14px Gmail body text, so the signature reads as a clean closing block rather than an oversized lockup that competes with the message itself. Every measurement below is deliberate; bigger is not better.
The mark is still and small. Animated marks read as unprofessional in a business signature, and most clients (Outlook, Gmail mobile, Apple Mail in low-data mode) block animation by default anyway. Use the same gradient infinity that ships in the favicon set, rendered to a 112 × 112 PNG and displayed at 40 × 40 for crisp Retina without dominating the block. The mark embeds as a base64 data URI in the HTML so it survives image-blocking and does not depend on a hotlink.
Newsreader for the name, Inter for everything else. Name is Newsreader weight 500 at fifteen pixels, line-height 1.25, letter-spacing -0.005em. Title and organisation are Inter weight 400 at twelve pixels in --icp-fg-secondary, separated by a middot (·) with two spaces on each side. The middot replaces the pipe character. Pipes read as code; middots read as editorial.
One rust link, one secondary link. The eyebrow link row is Inter weight 500 at ten pixels, UPPERCASE, letter-spacing 0.16em. The primary link is internetcomputer.org in the rust accent. The secondary link is dfinity.org in --icp-fg-secondary. A hairline pipe in --icp-rule separates them. Skills surfaces always come first, matching the locked order on the live site (skills.internetcomputer.org → caffeine.ai → icp.ninja); since neither of those URLs sits in a personal signature, the live-site primary internetcomputer.org takes the rust accent and dfinity.org takes secondary.
Hairline rule, never a coloured bar. The horizontal hairline below the stack uses --icp-rule at 1 pixel (warm ivory #e7e3da on light, soil #2d2820 on dark). The previous template used a vertical blue bar in a non-brand colour. The hairline rule is the same separator pattern used on every brand surface; it travels with the system.
Two-sentence disclaimer ceiling. Disclaimers grow over time and end up longer than the signature itself. The shipped template caps the disclaimer at two sentences in Newsreader weight 400 at eleven pixels, line-height 1.55, in --icp-fg-secondary, with a 620-pixel max-width so it does not flow as one long line on wide screens. Anything beyond the two sentences belongs in a separate confidentiality footer at the bottom of the message thread, not in the signature itself.
Outlook-safe, table-based. The production HTML uses a <table> for layout because Outlook on Windows uses Word as its renderer and ignores flexbox, grid, and most modern CSS. Styles are inline because many clients strip <style> blocks. The mark is a base64 PNG because hotlinked images get blocked by default. Font stacks fall back from Newsreader to Georgia and from Inter to system-ui, so the signature still reads on brand even when the web fonts are not installed locally.
How to apply
Gmail. Settings (gear) → See all settings → General → Signature → Create new. In the generator above, click "Copy rendered", then paste into the Gmail signature editor. The mark and inline styles travel with the paste. Save changes at the bottom of the settings page.
Apple Mail. Mail → Settings → Signatures → add a new signature, then drag and drop a temporary placeholder image. Quit Mail. In Finder, open ~/Library/Mail/V*/MailData/Signatures/ and replace the .mailsignature file contents with the output of "Copy HTML". Reopen Mail and the signature is live.
Outlook. File → Options → Mail → Signatures → New. Click "Copy rendered" and paste into the editor. Outlook strips some inline styles on paste; if the layout breaks, edit the underlying .htm file in %AppData%\Microsoft\Signatures\ and replace it with the output of "Copy HTML".
Other clients. Most modern mail clients (Superhuman, Spark, Hey) accept HTML signatures via a paste-from-browser flow. Click "Copy rendered" and paste into the client's signature editor.
What does not ship
- No animated mark. Ever. The infinity is still.
- No coloured separator bar. The vertical pipe in a non-brand blue is replaced with a hairline rule.
- No bold sans-serif name. Newsreader 500 carries the name in the same editorial register as the brand surfaces.
- No phone number, no street address, no "Sent from my iPhone" tail. Three lines is enough.
- No social icon strip. The eyebrow link row is the only outbound surface.
- No quote of the day, no calendar booking link in rust, no "please consider the environment before printing" line. The signature is editorial, not a billboard.
Download
The generator is the recommended workflow. The static templates remain available for users who want a versioned copy or who edit the HTML directly: light is the default, dark is for users whose mail client renders dark mode by default.
The device as a brand surface.
A phone wallpaper carries the brand more often than any other surface: every glance at the lock screen, every swipe to home. The system here treats the device the same way every other applied surface is treated. Math paper grid at four to five percent ink. The gradient infinity mark anchored to the grid lattice, snapped inside the bottommost quadrant so it sits below the icon zone and above the home indicator. Two surfaces per device: a lock variant that carries the mark, and a home variant that is mark-free so app icons read cleanly on top of the paper. Two tones each: parchment for daylight, deep bark for low-light hours.
Three devices, four files each
Pick the device, pick light or dark, drop the lock variant on the lock screen and the home variant on the home screen. Foldables ship cover and inner screens separately because the aspect ratios are different. Every file is rendered at the device's native resolution; the file names spell out exactly which surface each one is for.
iPhone 16 Pro Max
Four files at 1320 × 2868: lock and home, light and dark. The mark sits in the bottommost grid quadrant, centered between the lowest major gridline and the home indicator, well clear of the dock and the dynamic island. Drop the lock variant on the lock screen, the home variant on the home screen, and the math paper carries through.
Tested on the 16 Pro Max; the 16 Pro and Plus use the same composition with proportional scaling on the device.
v2.24 icp-wallpapers-iphone ↓Pixel 10 Pro Fold
Eight files: cover screen at 1080 × 2364 and inner screen at 2076 × 2152, each with lock, home, light, and dark. The cover screen reads as a portrait phone; the inner screen is near square, so the mark scales down proportionally and the grid tile doubles to keep the paper density honest.
Android sets the same wallpaper on cover and inner by default; uploading both lets you assign them separately if your launcher supports it.
v2.24 icp-wallpapers-pixel-fold ↓Samsung Galaxy Z Fold 7
Eight files: cover screen at 1080 × 2520 and inner screen at 1968 × 2184, each with lock, home, light, and dark. The cover screen is narrower and taller than the Pixel cover, so the grid tile and mark size are tuned for the Galaxy aspect specifically.
One UI lets you set cover and inner wallpapers independently. Drop the lock and home variants into each surface to keep the brand consistent across the fold.
v2.24 icp-wallpapers-galaxy-fold ↓Composition rules
Lock carries the mark, home does not. Two surfaces per device. The lock variant carries the gradient infinity in the bottommost grid quadrant; it is the brand surface, seen every time the device is picked up. The home variant has no mark at all, just the math paper, so colored app icons read against a quiet warm field rather than competing with a logo behind them. Both surfaces share the same paper grid and the same warm base, so swiping between them feels continuous.
Math paper, two layers. A fine grid runs across the full canvas at ten percent rust on parchment, twelve percent ember on bark. A major grid every five squares runs over the top at twenty-two percent rust on parchment, twenty-six percent ember on bark. Grid tile size scales with the device: eighty-eight pixels on iPhone, seventy-two pixels on foldable cover screens, one hundred twenty-eight pixels on near-square foldable inner screens, so the paper reads at the same physical density on every device.
Mark snapped to the bottom grid quadrant. The mark is the original DFINITY gradient infinity, the same flat composition that ships in the favicon and the email signature. It sits centered horizontally between the two vertical major gridlines that bracket the canvas center, and centered vertically inside the strip between the lowest major horizontal gridline and the bottom edge of the canvas. The mark never crosses a major line; the grid holds the composition. On portrait surfaces the mark is fourteen percent of the canvas width; on near-square foldable inner screens it scales down to ten percent so it does not dominate.
Two tones, two atmospheres. Parchment #f7f2e8 at the top fading to #f4efe4 at the bottom for the light variants, deep bark #181510 fading to #14110d for the dark. Parchment is the default; bark is for low-light hours. Both carry the same gradient infinity at full saturation; the mark sits at eighty-five percent opacity on parchment and eighty percent on bark, so the logo reads as part of the paper rather than printed on top of it.
Native resolution per device. Every file is rendered at the device's native pixel resolution. No upscaling, no downscaling on the source. The home indicator on iOS and the gesture bar on Android each sit in the lower three percent of the canvas, which is below the mark on every device.
How to apply
iPhone. Download the zip, AirDrop or message the files to the device, save to Photos. Settings → Wallpaper → Add New Wallpaper → Photos. Pick the lock variant for the lock screen and the home variant for the home screen. iOS will offer to use the same image for both; tap Customize Home Screen and choose the home file instead.
Pixel and Galaxy. Download the zip on the device, extract, then long-press the home or lock screen → Wallpaper & style → Change wallpaper → Photos. Pick the lock file for the lock screen and the home file for the home screen. On foldables, repeat for both cover and inner screens using the corresponding files.
From a computer. Download the zip, copy the four (or eight) files to your phone via cable, AirDrop, or any cloud sync. The file names spell out which surface each one belongs on.
What does not ship
- No text on any wallpaper. No strap, no pillar row, no URL. The wallpaper is a brand surface, not a billboard. The lockup belongs on video conference backgrounds, social banners, and decks, not on the lock screen.
- No campaign overlays, no event badges. Wallpapers are evergreen.
- No drop shadow, no 3D render, no animation. The mark is the same flat gradient infinity used everywhere else under the brand.
- No monochrome mark on the wallpaper set. The bottom quadrant placement keeps the logo away from app icons, so the original full-gradient mark ships at every device size.
- No Apple Watch or smaller-screen variants. Watch faces are a separate system that has not yet shipped.
All devices, one zip
If you carry more than one device or you are setting wallpapers on behalf of a team, the all-devices bundle ships every file at every resolution in a single archive. Twenty files total, friendly names, device folder structure inside.
The profile as a brand surface.
A LinkedIn or X profile is the smallest version of the brand most people will ever see. The avatar reads at sixty-four pixels in a feed, the banner gets cropped to a narrow band on every device. The system here is conservative on purpose: parchment ground, gradient infinity, three-line stack, and a single italic emphasis word. Everything else falls away.
Profile picture
One picture, used everywhere. 400 × 400 PNG, parchment fill
#faf9f5, gradient infinity centered at sixty percent canvas width. The mark sits on the same parchment as the banner, so the avatar and the banner together read as a single continuous surface. No grid texture, no container, no wordmark on the avatar. The favicon section covers why the grid does not survive at small sizes; the same logic applies at sixty-four pixels in a feed.LinkedIn personal profile banner
1584 × 396 base, 4:1 aspect ratio. This is the banner behind a personal LinkedIn profile, not a company page. Upload the 6336 × 1584 variant (4x retina) so the image stays sharp on high-DPI screens; LinkedIn scales it down to the 1584 × 396 display frame. The profile-photo circle overlaps the lower-left of the banner at roughly 152 × 152 pixels, positioned about 112 pixels in from the left and 204 pixels down from the top. The mobile-safe zone is the central 1350 × 230 pixel band. Right-aligned three-line stack lives inside that central band, anchored seventy-two pixels in from the right edge. Do not reuse the company banner (6:1) on a personal profile: LinkedIn adds hard black bars top and bottom because a 6:1 image cannot fit a 4:1 frame.
linkedin-personal-banner.png · 1584 × 396 · upload the 6336 × 1584 variant
LinkedIn company page banner
4200 × 700 upload, 6:1 aspect ratio. This is the banner behind a LinkedIn company page, not a personal profile. LinkedIn renders the company-page banner at roughly 1128 × 191 in the page layout but uploading at the full 4200 × 700 keeps it sharp on retina. The company logo overlays the bottom-left of the banner as a rounded square (roughly the left twenty-two percent of the frame and the bottom sixty percent). On mobile LinkedIn crops the company banner to the central nine hundred pixels of the displayed width. Right-aligned three-line stack lives inside that mobile-safe central band, anchored one hundred and forty pixels in from the right edge. Do not reuse the personal profile banner (4:1) on a company page: it will be stretched horizontally and lose its right anchor.
linkedin-banner.png · 4200 × 700 · upload spec
X (Twitter) banner
1500 × 500 source, 3:1 ratio. The circular avatar overlaps the lower-left of the header at roughly 220 × 220 pixels on desktop and shifts toward bottom-center on mobile. Mobile also trims about fifty pixels off the top and fifty off the bottom of the banner, and the action button covers a 200 × 100 region in the lower-right on phones. The same right-aligned three-line stack lives in the upper-right safe band, anchored fifty pixels in from the right edge and seventy pixels down from the top.
x-banner.png · 1500 × 500 · upload spec
Composition rules
Three lines, never four. Eyebrow, strap, pillar row. A fourth element crowds the avatar zone and breaks the central band on every device.
No logo on the banner. The avatar carries the logo. Putting the mark on the banner duplicates the brand at the same eye-line and steals space from the strap. The banner background is parchment with grid texture and a soft rust radial glow; the mark lives in the profile picture only.
Eyebrow. Inter, thirteen pixels on X, twenty-eight pixels on the 4200 × 700 LinkedIn company banner, forty-four pixels on the 6336 × 1584 LinkedIn personal banner (which renders at roughly eleven pixels in the layout). UPPERCASE, letter-spacing 0.32em. Use the product name (
INTERNET COMPUTER), not the company name. The eyebrow grounds the strap in a specific surface.Strap. Newsreader weight 380, italic-rust on the metaphor word. Seventy-six pixels on X, one hundred and sixty-eight pixels on the 4200 × 700 LinkedIn company banner, three hundred and sixty pixels on the 6336 × 1584 LinkedIn personal banner (which renders at roughly ninety pixels in the layout). Line-height 1.02 to 1.06. Two sentences, italic-rust word at the end of the second line. The current locked strap is Sovereign cloud. Software that's alive.; italic-rust on alive only. Periods are kept on banners now that the strap is built as two true sentences, which is the same rule the rest of the brand applies.
Pillar row. Newsreader weight 400, twenty-two pixels on X, fifty-two pixels on the 4200 × 700 LinkedIn company banner, one hundred and eight pixels on the 6336 × 1584 LinkedIn personal banner. Five pillars separated by middots, italic on Yours only. The current locked pillar row is On-demand · Tamperproof · Always-on · Fluid · Yours. On narrow social crops where five pillars will not fit, drop the first two and ship the compressed row: Always-on · Fluid · Yours. Never drop Yours.
Right-aligned, never centered. On the LinkedIn company banner the stack sits one hundred and forty pixels in from the right edge of the 4200 px canvas. On the LinkedIn personal banner the stack sits seventy-two pixels in from the right edge of the 1584 px canvas (two hundred and eighty-eight pixels on the 6336 px upload). On X the stack sits fifty pixels in from the right edge of the 1500 px canvas and seventy pixels down from the top. Right alignment gives the avatar its own quadrant and balances the parchment grid on the left half.
Avatar and photo safe zones, codified. On the LinkedIn company banner keep the entire bottom-left quadrant (roughly x 0 to 930, y 280 to 700 on the 4200 × 700 canvas) clear of text. On the LinkedIn personal banner keep the lower-left region clear: a 152 × 152 pixel circle at x 112 y 204 on the 1584 × 396 canvas, with a generous margin around it. On X keep the lower-left 220 × 220 region clear, plus the top and bottom fifty pixel mobile crop bands and the lower-right 200 × 100 button zone on mobile.
What does not ship