Skip to content
Novus Examples
webmanifest882 B

Web app manifest with maskable and monochrome purposes

A manifest exercising every icon `purpose` keyword: any, maskable, the space-separated combination, monochrome for a notification badge, and the obsolete `badge` value. For testing purpose parsing and adaptive-icon safe-zone handling.

Preview — first 42 lineswebmanifest
{
  "name": "Example Adaptive Icons",
  "short_name": "Adaptive",
  "id": "/?src=maskable",
  "start_url": "/?src=maskable",
  "display": "standalone",
  "background_color": "#0e1116",
  "theme_color": "#059669",
  "icons": [
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/maskable-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    },
    {
      "src": "/icons/dual-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/icons/badge.svg",
      "sizes": "any",
      "type": "image/svg+xml",
      "purpose": "monochrome"
    },
    {
      "src": "/icons/legacy-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "badge"
    }
  ]
}

Specifications

Seed
70400
Site
example.com (fictional)
Format
W3C Web App Manifest
Icons
5
Purposes
any, maskable, any maskable, monochrome, badge
Invalid Purpose Values
1

Testing contract

Expected to recover
Scenario
Resolve the icon set for a launcher that supports maskable icons and a monochrome badge.
Expected result
The `any maskable` entry satisfies both roles from one file, the monochrome SVG is used only for the badge slot, and the obsolete `badge` purpose is ignored so that icon falls back to `any`.

What is a .webmanifest file?

A web app manifest (.webmanifest) is a JSON file that describes a Progressive Web App to the browser, declaring its name, icons, theme colors, start URL, and display mode. It enables installation to a device home screen and standalone launching. It is linked from HTML via a manifest link element.

How to use this file

Use an example webmanifest to test PWA installability, manifest JSON parsing, icon and display-mode handling, and browser or auditing tools like Lighthouse.

How to use this file for testing

“Web app manifest with maskable and monochrome purposes” is a deterministic Novus Examples fixture for Web assets, JSON parsing, Schema validation. Favicons, web app manifests, service workers, robots and sitemap files, Open Graph images, and .well-known resources — for testing web tooling, crawlers, PWA installers, and asset pipelines.

Documented properties for this file: seed 70400 · W3C Web App Manifest. Compare results against paired or grouped companions on this page when present (clean↔damaged, searchable↔scanned, or format twins) so scores stay reproducible across runs.

Download the file once, keep the path stable in CI or local scripts, and treat the spec table as the contract: dimensions, seeds, field lists, and roles are intentional. Corrupt or invalid samples are labelled as such — expect parsers to fail loudly rather than silently accept them.

Web-platform fixtures are standards-compliant samples against fictional example.com data. Test crawlers, PWA installers and manifest validators, favicon/icon pipelines, service-worker registration, or .well-known parsers against the documented structure.

Generated by generation/web_p7.py. Free for any use, no attribution required — license.