{
  "_description": "Generated from data/ — edit the sources, not this file. The agent access guide explains the evidence boundary of every field.",
  "schemaVersion": "1.0.0",
  "kind": "entry",
  "locale": "en",
  "id": "splash-screen",
  "name": {
    "zh": "启动页",
    "en": "Splash (Launch) Screen"
  },
  "page": "https://designvocabulary.com/en/entries/splash-screen/",
  "self": "https://designvocabulary.com/en/entries/splash-screen.json",
  "alternates": {
    "zh-CN": "https://designvocabulary.com/zh/entries/splash-screen.json",
    "en": "https://designvocabulary.com/en/entries/splash-screen.json"
  },
  "site": {
    "catalogSchemaVersion": "0.1.0",
    "entries": 137,
    "index": "https://designvocabulary.com/en/entries/index.json",
    "query": "https://designvocabulary.com/api/query?lang=en",
    "guide": "https://designvocabulary.com/en/agents/",
    "llms": "https://designvocabulary.com/llms.txt"
  },
  "provenance": {
    "sourceBacked": [
      "entry.definition"
    ],
    "editorial": [
      "entry.boundary",
      "entry.signature",
      "entry.when",
      "entry.when_not",
      "entry.tradeoff",
      "entry.comparison",
      "entry.rules",
      "entry.relations",
      "entry.implementationNote",
      "entry.behavior"
    ],
    "scope": "Definitions reference these sources. Digital specimens, selection advice, relationships, and recipes are editorial work and have not been validated through user research.",
    "editorialStatus": "drafted",
    "specimenData": "fictional",
    "specimenNote": "Original fictional specimens. Definitions cite sources; usage advice and recipes are editorial.",
    "sources": [
      {
        "id": "splash-wikipedia",
        "url": "https://en.wikipedia.org/wiki/Splash_screen",
        "title": "Wikipedia · Splash screen",
        "checkedAt": "2026-09-16",
        "archive": {
          "status": "unconfirmed",
          "confirmed": false,
          "url": null,
          "capturedAt": null,
          "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/Splash_screen"
        }
      },
      {
        "id": "splash-mdn-manifest",
        "url": "https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Manifest/Reference/background_color",
        "title": "MDN · background_color (Web app manifest)",
        "checkedAt": "2026-09-16",
        "archive": {
          "status": "pending",
          "confirmed": false,
          "url": null,
          "capturedAt": null,
          "lookupUrl": "https://web.archive.org/web/20260916*/https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Manifest/Reference/background_color"
        }
      }
    ],
    "lists": [],
    "ordered": false,
    "listDisclaimer": "Seat numbers are editorial positions, not scores, rankings, or popularity measurements. A list that is not filled is left as it is."
  },
  "entry": {
    "id": "splash-screen",
    "type": "layout",
    "name": {
      "zh": "启动页",
      "en": "Splash (Launch) Screen"
    },
    "aliases": [
      "Launch Screen",
      "Startup Screen",
      "闪屏",
      "启动画面"
    ],
    "granularity": "state",
    "intents": [
      "wait-for-content",
      "express-brand"
    ],
    "tags": [
      "launch",
      "waiting",
      "brand",
      "transition",
      "app"
    ],
    "definition": "A full-screen frame shown while an app is opening and its interface is not ready yet: usually just a mark on a solid ground, accepting no input, and disappearing on its own once the interface is ready.",
    "boundary": "A splash screen is a transitional frame during loading, not a page: it carries no information, takes no taps, and should not be used to show advertising, announcements, or onboarding. Unlike a cover page, which is a real operable page; and unlike an indeterminate progress indicator, which can appear during any wait, a splash screen appears only at the moment an app launches. Deliberately extending it \"to show the brand\" converts the user’s waiting into exposure time, and this entry does not recommend it.",
    "signature": [
      "Fills the screen with nothing but a mark on a solid ground",
      "Accepts no input and contains nothing focusable",
      "Disappears by itself once the interface is ready, with no action required"
    ],
    "when": [
      "The app genuinely needs perceptible time to prepare its interface",
      "The platform itself prescribes the first frame through a launch-screen mechanism",
      "The first frame should match the app’s own background color to avoid a white flash"
    ],
    "when_not": [
      "Launch is nearly instant, where an extra frame only makes opening feel slower",
      "The splash screen is used as an ad slot, an announcement, or the first step of onboarding",
      "Its display is deliberately extended to increase brand exposure"
    ],
    "tradeoff": "It turns an unavoidable wait into a deliberate frame instead of a blank flash, at the cost of taking time itself — time during which the user can do nothing.",
    "comparison": {
      "focus": "Covering the gap between launch and a ready interface",
      "mechanism": "A static full-screen first frame, usually drawn by the platform",
      "cost": "The user can do nothing while it is on screen"
    },
    "sources": [
      {
        "id": "splash-wikipedia",
        "title": "Wikipedia · Splash screen",
        "url": "https://en.wikipedia.org/wiki/Splash_screen",
        "claim": "The article explains that a splash screen is a graphical control element containing an image, a logo, and the software version, appearing while a program launches to tell the user that loading is underway, and disappearing when the main window appears. This entry paraphrases the definition from it.",
        "checkedAt": "2026-09-16",
        "archive": {
          "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/Splash_screen",
          "status": "unconfirmed",
          "checkedAt": "2026-09-16T13:30:45.455Z",
          "error": "status-request-failed",
          "jobId": "spn2-3d2a39ca6607fe0fd96b0e7f27e35e60599dc2f9"
        }
      },
      {
        "id": "splash-mdn-manifest",
        "title": "MDN · background_color (Web app manifest)",
        "url": "https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Manifest/Reference/background_color",
        "claim": "The documentation explains that the manifest’s background_color contributes to the splash screen shown in some browsers and operating systems when an installed progressive web app is launched, and recommends matching it to the stylesheet’s background color so the first frame does not jump when the app finishes loading, after which the stylesheet’s value takes over. This entry takes the mechanism of the first frame and the reason for matching the app’s ground color from it.",
        "checkedAt": "2026-09-16",
        "archive": {
          "lookupUrl": "https://web.archive.org/web/20260916*/https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Manifest/Reference/background_color",
          "status": "pending",
          "checkedAt": "2026-09-16T13:27:00.431Z",
          "error": "status-request-failed",
          "jobId": "spn2-98cd1ffe2cf2e28095e3c009b6322123406d7286"
        }
      }
    ],
    "relations": [
      {
        "target": "indeterminate-progress",
        "kind": "alternative",
        "condition": "Choosing what to show during a wait",
        "reason": "An indeterminate progress indicator can appear in any wait and says work is still going on, while a splash screen covers only the launch moment and says nothing about progress.",
        "basis": "editorial"
      },
      {
        "target": "cover-page",
        "kind": "related",
        "condition": "Telling apart a first full-screen frame that is a transition from one that is a page",
        "reason": "Both fill the screen, but a splash screen takes no input and leaves on its own, while a cover page is one users can stay on and act in.",
        "basis": "editorial"
      },
      {
        "target": "nagging",
        "kind": "conflicts_when",
        "condition": "The splash screen is used to insert announcements, rating requests, or promotions",
        "reason": "At that moment users can neither skip nor act, so putting an interruption there amounts to forced exposure.",
        "basis": "editorial"
      }
    ],
    "rules": [
      {
        "when": "The app has a splash screen",
        "instruction": "Show it only while the interface really is not ready and end it the moment it is; do not set a minimum display time.",
        "strength": "must",
        "basis": "editorial"
      },
      {
        "when": "The splash screen and the first real screen use different ground colors or mark positions",
        "instruction": "Align their ground colors and element positions so the transition reads as one frame unfolding rather than a jump.",
        "strength": "recommend",
        "basis": "editorial"
      }
    ],
    "behavior": {
      "states": [
        "launching",
        "ready"
      ],
      "a11y": [
        "It contains nothing focusable, and focus lands on the first meaningful element once the interface is ready",
        "If the wait may run long, a textual loading state is provided before the interface is ready"
      ],
      "motion": "A static first frame is enough; any fade is skipped under a reduced-motion preference"
    },
    "demo": null,
    "version": "0.1.0",
    "editorialStatus": "drafted",
    "requirements": [],
    "demoCapabilities": [],
    "implementationNote": "This entry has no runnable specimen; the illustration is an editorial sketch of how the launch frame relates to the interface that follows, not a verified implementation. Before shipping, measure real launch time and confirm the frame is not being artificially extended.",
    "image": {
      "src": "/images/splash-screen.webp",
      "alt": "A fictional phone sketch: on the left a screen filled with one ground color and only the FIELDNOTES wordmark at its centre; on the right the same phone showing the interface, on the same ground color, with grey placeholder content bars."
    },
    "searchTerms": [
      "启动",
      "等待",
      "品牌",
      "过渡",
      "应用"
    ]
  }
}