lostpage 0.1.0 → 0.2.0

package/dist/catalog.json

@@ -1249,6 +1249,117 @@
    }
   ]
  },
+ {
+  "id": "broken-link",
+  "name": "Broken Link",
+  "description": "A minimal line illustration of a snapped chain link above the text. Says “broken link” without a single word.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "live",
+  "tags": [
+   "simple",
+   "illustration",
+   "line-art",
+   "link",
+   "chain",
+   "fast",
+   "light"
+  ],
+  "layout": "center",
+  "params": {
+   "line": "#111827",
+   "swing": true
+  },
+  "presetParams": {
+   "dark": {
+    "line": "#e5e7eb"
+   },
+   "teal": {
+    "line": "#0f766e"
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Ink",
+    "title": "This link is broken",
+    "background": "#ffffff"
+   },
+   {
+    "id": "dark",
+    "name": "Dark",
+    "title": "This link is broken",
+    "background": "#0c0d10"
+   },
+   {
+    "id": "teal",
+    "name": "Teal",
+    "title": "This link is broken",
+    "background": "#f0fdfa"
+   }
+  ]
+ },
+ {
+  "id": "brutalist",
+  "name": "Brutalist",
+  "description": "Neo-brutalism: thick black borders, hard offset shadows, a loud colour block and chunky buttons that press in when you click.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "brutalism",
+   "neo-brutalist",
+   "bold",
+   "loud",
+   "static",
+   "fast",
+   "light"
+  ],
+  "layout": "none",
+  "params": {
+   "block": "#ffde59",
+   "shadow": 8
+  },
+  "presetParams": {
+   "pink": {
+    "block": "#ff90e8"
+   },
+   "blue": {
+    "block": "#7aa2ff"
+   },
+   "green": {
+    "block": "#b8f35e",
+    "shadow": 6
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Yellow",
+    "title": "This page took a wrong turn.",
+    "background": "#fdf6e3"
+   },
+   {
+    "id": "pink",
+    "name": "Pink",
+    "title": "This page took a wrong turn.",
+    "background": "#f4f4f0"
+   },
+   {
+    "id": "blue",
+    "name": "Blue",
+    "title": "This page took a wrong turn.",
+    "background": "#fffbeb"
+   },
+   {
+    "id": "green",
+    "name": "Green",
+    "title": "This page took a wrong turn.",
+    "background": "#ffffff"
+   }
+  ]
+ },
  {
   "id": "bubble-wrap",
   "name": "Bubble Wrap",
@@ -1419,6 +1530,67 @@
    }
   ]
  },
+ {
+  "id": "card",
+  "name": "Card",
+  "description": "A centred card with an icon badge, headline, message and buttons. Fits inside any dashboard or app shell without fighting its design.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "card",
+   "app",
+   "dashboard",
+   "saas",
+   "static",
+   "fast"
+  ],
+  "layout": "none",
+  "params": {
+   "page": "#f4f5f7",
+   "icon": "compass"
+  },
+  "presetParams": {
+   "dark": {
+    "page": "#09090b"
+   },
+   "search": {
+    "page": "#eef4ff",
+    "icon": "search"
+   },
+   "broken": {
+    "page": "#fff7ed",
+    "icon": "link"
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Light",
+    "title": "Page not found",
+    "background": "#ffffff"
+   },
+   {
+    "id": "dark",
+    "name": "Dark",
+    "title": "Page not found",
+    "background": "#18181b"
+   },
+   {
+    "id": "search",
+    "name": "Search icon",
+    "title": "Page not found",
+    "background": "#ffffff"
+   },
+   {
+    "id": "broken",
+    "name": "Broken link",
+    "title": "This link is broken",
+    "background": "#ffffff"
+   }
+  ]
+ },
  {
   "id": "cassette",
   "name": "Mixtape",
@@ -2150,6 +2322,57 @@
    }
   ]
  },
+ {
+  "id": "countdown",
+  "name": "Countdown",
+  "description": "“Taking you home in 10 seconds.” A progress ring counts down; set redirect to true and it follows your first button when it hits zero.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "live",
+  "tags": [
+   "simple",
+   "redirect",
+   "timer",
+   "countdown",
+   "useful",
+   "fast"
+  ],
+  "layout": "none",
+  "params": {
+   "seconds": 10,
+   "redirect": false,
+   "ring": "#2563eb"
+  },
+  "presetParams": {
+   "dark": {
+    "ring": "#34d399"
+   },
+   "quick": {
+    "seconds": 5,
+    "ring": "#f97316"
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Light",
+    "title": "This page doesn’t exist",
+    "background": "#ffffff"
+   },
+   {
+    "id": "dark",
+    "name": "Dark",
+    "title": "This page doesn’t exist",
+    "background": "#06110d"
+   },
+   {
+    "id": "quick",
+    "name": "Quick (5s)",
+    "title": "This page doesn’t exist",
+    "background": "#fff7ed"
+   }
+  ]
+ },
  {
   "id": "cross-stitch",
   "name": "Cross Stitch",
@@ -2302,6 +2525,62 @@
    }
   ]
  },
+ {
+  "id": "divider",
+  "name": "Divider",
+  "description": "“404 | This page could not be found.” The tiny, honest framework-default look: code and message on one line, split by a thin rule.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "minimal",
+   "nextjs",
+   "default",
+   "static",
+   "fast",
+   "developer"
+  ],
+  "layout": "none",
+  "params": {
+   "size": 14
+  },
+  "presetParams": {
+   "dark": {},
+   "mono": {
+    "size": 13
+   },
+   "large": {
+    "size": 22
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Light",
+    "title": "This page could not be found.",
+    "background": "#ffffff"
+   },
+   {
+    "id": "dark",
+    "name": "Dark",
+    "title": "This page could not be found.",
+    "background": "#000000"
+   },
+   {
+    "id": "mono",
+    "name": "Mono",
+    "title": "This page could not be found.",
+    "background": "#f6f6f4"
+   },
+   {
+    "id": "large",
+    "name": "Large",
+    "title": "This page could not be found.",
+    "background": "#111318"
+   }
+  ]
+ },
  {
   "id": "dna",
   "name": "Double Helix",
@@ -2442,6 +2721,118 @@
    }
   ]
  },
+ {
+  "id": "dot-grid",
+  "name": "Dot Grid",
+  "description": "A dotted (or lined) grid that fades out towards the edges, with a small status pill above the headline. The quiet developer-tool look.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "grid",
+   "dots",
+   "developer",
+   "saas",
+   "static",
+   "fast"
+  ],
+  "layout": "center",
+  "params": {
+   "dot": "#cbd5e1",
+   "gap": 22,
+   "lines": false
+  },
+  "presetParams": {
+   "dark": {
+    "dot": "#273043"
+   },
+   "lines": {
+    "lines": true,
+    "gap": 40,
+    "dot": "#e5e7eb"
+   },
+   "blueprint": {
+    "lines": true,
+    "gap": 28,
+    "dot": "#2f5fb3"
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Light",
+    "title": "We can’t find that page",
+    "background": "#ffffff"
+   },
+   {
+    "id": "dark",
+    "name": "Dark",
+    "title": "We can’t find that page",
+    "background": "#0a0d14"
+   },
+   {
+    "id": "lines",
+    "name": "Lines",
+    "title": "We can’t find that page",
+    "background": "#ffffff"
+   },
+   {
+    "id": "blueprint",
+    "name": "Blueprint",
+    "title": "We can’t find that page",
+    "background": "#1b3f86"
+   }
+  ]
+ },
+ {
+  "id": "editorial",
+  "name": "Editorial",
+  "description": "A calm, magazine-style page: an elegant italic serif headline, a hairline rule and understated links. For blogs, studios and writers.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "serif",
+   "editorial",
+   "blog",
+   "elegant",
+   "static",
+   "fast",
+   "light"
+  ],
+  "layout": "none",
+  "params": {
+   "section": "Chapter 404"
+  },
+  "presetParams": {
+   "night": {},
+   "rose": {
+    "section": "Errata · No. 404"
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Ivory",
+    "title": "The page you were reading has gone out of print.",
+    "background": "#f7f4ee"
+   },
+   {
+    "id": "night",
+    "name": "Night",
+    "title": "The page you were reading has gone out of print.",
+    "background": "#14120f"
+   },
+   {
+    "id": "rose",
+    "name": "Rose",
+    "title": "We seem to have misplaced this page.",
+    "background": "#f8ece9"
+   }
+  ]
+ },
  {
   "id": "elevator",
   "name": "Floor 404",
@@ -2515,6 +2906,74 @@
    }
   ]
  },
+ {
+  "id": "emoji",
+  "name": "Emoji",
+  "description": "One big emoji does the talking. Friendly, instantly readable, and swaps to suit your brand with a single parameter.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "live",
+  "tags": [
+   "simple",
+   "emoji",
+   "friendly",
+   "playful",
+   "fast",
+   "light"
+  ],
+  "layout": "center",
+  "params": {
+   "emoji": "🤔",
+   "bob": true
+  },
+  "presetParams": {
+   "ufo": {
+    "emoji": "🛸"
+   },
+   "ghost": {
+    "emoji": "👻"
+   },
+   "desert": {
+    "emoji": "🌵"
+   },
+   "melting": {
+    "emoji": "🫠",
+    "bob": false
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Thinking",
+    "title": "Hmm, that page wandered off.",
+    "background": "#fffdf7"
+   },
+   {
+    "id": "ufo",
+    "name": "UFO",
+    "title": "Abducted by aliens.",
+    "background": "#0b0b1a"
+   },
+   {
+    "id": "ghost",
+    "name": "Ghost",
+    "title": "Nobody here but us ghosts.",
+    "background": "#f5f3ff"
+   },
+   {
+    "id": "desert",
+    "name": "Desert",
+    "title": "It’s a desert out here.",
+    "background": "#fef3c7"
+   },
+   {
+    "id": "melting",
+    "name": "Melting",
+    "title": "Well, this is awkward.",
+    "background": "#ecfeff"
+   }
+  ]
+ },
  {
   "id": "error-cascade",
   "name": "Error Cascade",
@@ -3647,6 +4106,74 @@
    }
   ]
  },
+ {
+  "id": "gradient-404",
+  "name": "Gradient",
+  "description": "The modern SaaS 404: a heavy gradient-filled number with a soft glow, a short headline and a pill button.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "gradient",
+   "saas",
+   "startup",
+   "static",
+   "fast",
+   "modern"
+  ],
+  "layout": "center",
+  "params": {
+   "from": "#6366f1",
+   "via": "#a855f7",
+   "to": "#ec4899",
+   "glow": true
+  },
+  "presetParams": {
+   "night": {
+    "from": "#22d3ee",
+    "via": "#6366f1",
+    "to": "#d946ef"
+   },
+   "sunset": {
+    "from": "#f59e0b",
+    "via": "#ef4444",
+    "to": "#db2777"
+   },
+   "mint": {
+    "from": "#10b981",
+    "via": "#06b6d4",
+    "to": "#3b82f6",
+    "glow": false
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Violet",
+    "title": "Page not found",
+    "background": "#ffffff"
+   },
+   {
+    "id": "night",
+    "name": "Night",
+    "title": "Page not found",
+    "background": "#070a13"
+   },
+   {
+    "id": "sunset",
+    "name": "Sunset",
+    "title": "Page not found",
+    "background": "#fffaf5"
+   },
+   {
+    "id": "mint",
+    "name": "Mint",
+    "title": "Page not found",
+    "background": "#f8fafc"
+   }
+  ]
+ },
  {
   "id": "halftone",
   "name": "Risograph",
@@ -3931,10 +4458,61 @@
     "background": "#2a2d31"
    },
    {
-    "id": "night",
-    "name": "Night Tavern",
-    "title": "We couldn't find that page.",
-    "background": "#1b1f2a"
+    "id": "night",
+    "name": "Night Tavern",
+    "title": "We couldn't find that page.",
+    "background": "#1b1f2a"
+   }
+  ]
+ },
+ {
+  "id": "helpful-links",
+  "name": "Helpful Links",
+  "description": "Headline on top, then a tidy list of where people probably wanted to go, each with a one-line description and an arrow.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "links",
+   "list",
+   "useful",
+   "saas",
+   "docs",
+   "static",
+   "fast"
+  ],
+  "layout": "none",
+  "params": {
+   "links": [
+    "Documentation|Learn how to integrate our tools with your app.|/docs",
+    "API reference|A complete reference of every endpoint.|/docs/api",
+    "Guides|Step-by-step tutorials for common tasks.|/guides",
+    "Blog|Read our latest news and articles.|/blog"
+   ]
+  },
+  "presetParams": {
+   "dark": {},
+   "sand": {}
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Light",
+    "title": "This page does not exist",
+    "background": "#ffffff"
+   },
+   {
+    "id": "dark",
+    "name": "Dark",
+    "title": "This page does not exist",
+    "background": "#0f1117"
+   },
+   {
+    "id": "sand",
+    "name": "Sand",
+    "title": "This page does not exist",
+    "background": "#f6f1e9"
    }
   ]
  },
@@ -5844,6 +6422,67 @@
    }
   ]
  },
+ {
+  "id": "minimal",
+  "name": "Minimal",
+  "description": "The classic: a large status code, one line of explanation and a way home. Nothing animates, nothing loads; it just works.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "minimal",
+   "clean",
+   "static",
+   "light",
+   "fast",
+   "classic"
+  ],
+  "layout": "center",
+  "params": {
+   "rule": false
+  },
+  "presetParams": {
+   "dark": {},
+   "emerald": {},
+   "big": {
+    "rule": true
+   },
+   "warm": {}
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Indigo",
+    "title": "Page not found",
+    "background": "#ffffff"
+   },
+   {
+    "id": "dark",
+    "name": "Dark",
+    "title": "Page not found",
+    "background": "#0b0f19"
+   },
+   {
+    "id": "emerald",
+    "name": "Emerald",
+    "title": "Page not found",
+    "background": "#f7faf9"
+   },
+   {
+    "id": "big",
+    "name": "Big number",
+    "title": "Lost your way?",
+    "background": "#fafafa"
+   },
+   {
+    "id": "warm",
+    "name": "Warm",
+    "title": "Page not found",
+    "background": "#fbf6ef"
+   }
+  ]
+ },
  {
   "id": "mirage",
   "name": "Mirage",
@@ -6591,6 +7230,61 @@
    }
   ]
  },
+ {
+  "id": "outline-404",
+  "name": "Outline",
+  "description": "A giant outlined 404 sits behind a short, bold headline. One of the most common agency and portfolio looks, done with pure CSS.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "outline",
+   "stroke",
+   "typography",
+   "static",
+   "fast",
+   "portfolio"
+  ],
+  "layout": "center",
+  "params": {
+   "stroke": 2,
+   "fade": 0.7
+  },
+  "presetParams": {
+   "paper": {},
+   "lime": {
+    "stroke": 3
+   },
+   "blue": {}
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Night",
+    "title": "Oops! Nothing here.",
+    "background": "#0d0d0f"
+   },
+   {
+    "id": "paper",
+    "name": "Paper",
+    "title": "Oops! Nothing here.",
+    "background": "#f5f3ee"
+   },
+   {
+    "id": "lime",
+    "name": "Lime",
+    "title": "Oops! Nothing here.",
+    "background": "#101010"
+   },
+   {
+    "id": "blue",
+    "name": "Cobalt",
+    "title": "Oops! Nothing here.",
+    "background": "#1d3bd8"
+   }
+  ]
+ },
  {
   "id": "paint-splash",
   "name": "Paint Splash",
@@ -7047,6 +7741,54 @@
    }
   ]
  },
+ {
+  "id": "path-not-found",
+  "name": "Path Not Found",
+  "description": "Shows people exactly what went wrong: the address they asked for, in a code chip or a request line, so a typo is easy to spot.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "url",
+   "path",
+   "developer",
+   "docs",
+   "useful",
+   "static",
+   "fast"
+  ],
+  "layout": "none",
+  "params": {
+   "request": false
+  },
+  "presetParams": {
+   "request": {
+    "request": true
+   },
+   "soft": {}
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Chip",
+    "title": "Nothing lives at this address",
+    "background": "#fafafa"
+   },
+   {
+    "id": "request",
+    "name": "Request line",
+    "title": "Nothing lives at this address",
+    "background": "#0b0b0e"
+   },
+   {
+    "id": "soft",
+    "name": "Soft",
+    "title": "Nothing lives at this address",
+    "background": "#eef2ff"
+   }
+  ]
+ },
  {
   "id": "planet",
   "name": "Lonely Planet",
@@ -8195,6 +8937,140 @@
    }
   ]
  },
+ {
+  "id": "search-404",
+  "name": "Search",
+  "description": "The most useful 404 for docs, shops and blogs: a search box that sends people straight to your search page, plus a few popular links.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "search",
+   "docs",
+   "ecommerce",
+   "blog",
+   "useful",
+   "static",
+   "fast"
+  ],
+  "layout": "none",
+  "params": {
+   "searchUrl": "/search",
+   "placeholder": "Search the site…",
+   "links": [
+    "Getting started|/docs",
+    "Pricing|/pricing",
+    "Blog|/blog",
+    "Contact|/contact"
+   ]
+  },
+  "presetParams": {
+   "dark": {},
+   "shop": {
+    "placeholder": "Search products…",
+    "links": [
+     "New arrivals|/new",
+     "Best sellers|/best-sellers",
+     "Sale|/sale",
+     "Gift cards|/gift-cards"
+    ]
+   },
+   "docs": {
+    "placeholder": "Search documentation…",
+    "links": [
+     "Quick start|/docs/start",
+     "API reference|/docs/api",
+     "Guides|/docs/guides",
+     "Changelog|/changelog"
+    ]
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Light",
+    "title": "We couldn’t find that page",
+    "background": "#ffffff"
+   },
+   {
+    "id": "dark",
+    "name": "Dark",
+    "title": "We couldn’t find that page",
+    "background": "#0d1117"
+   },
+   {
+    "id": "shop",
+    "name": "Shop",
+    "title": "This product has left the shelf",
+    "background": "#faf7f2"
+   },
+   {
+    "id": "docs",
+    "name": "Docs",
+    "title": "This doc page doesn’t exist",
+    "background": "#fcfcfd"
+   }
+  ]
+ },
+ {
+  "id": "server-default",
+  "name": "Server Default",
+  "description": "The bare web-server error page everyone recognises: a Times heading, a rule and the server signature. Deadpan, tiny and on purpose.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "nginx",
+   "apache",
+   "server",
+   "plain",
+   "developer",
+   "joke",
+   "static",
+   "fast"
+  ],
+  "layout": "none",
+  "params": {
+   "server": "nginx"
+  },
+  "presetParams": {
+   "apache": {
+    "server": "Apache/2.4.58 (Ubuntu) Server at localhost Port 443"
+   },
+   "iis": {
+    "server": "Microsoft-IIS/10.0"
+   },
+   "dark": {}
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "nginx",
+    "title": "Not Found",
+    "background": "#ffffff"
+   },
+   {
+    "id": "apache",
+    "name": "Apache",
+    "title": "Not Found",
+    "background": "#ffffff"
+   },
+   {
+    "id": "iis",
+    "name": "IIS",
+    "title": "404 - File or directory not found.",
+    "background": "#ffffff"
+   },
+   {
+    "id": "dark",
+    "name": "Dark",
+    "title": "Not Found",
+    "background": "#1e1e1e"
+   }
+  ]
+ },
  {
   "id": "server-room",
   "name": "Server Room",
@@ -8755,6 +9631,83 @@
    }
   ]
  },
+ {
+  "id": "soft-blobs",
+  "name": "Soft Blobs",
+  "description": "Blurred colour blobs drifting slowly behind a frosted card. Pure CSS animation, so it costs almost nothing to run.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "live",
+  "tags": [
+   "simple",
+   "gradient",
+   "blobs",
+   "glass",
+   "frosted",
+   "saas",
+   "fast",
+   "light"
+  ],
+  "layout": "center",
+  "params": {
+   "colors": [
+    "#a78bfa",
+    "#60a5fa",
+    "#f472b6"
+   ],
+   "speed": 1,
+   "card": true
+  },
+  "presetParams": {
+   "peach": {
+    "colors": [
+     "#fdba74",
+     "#fda4af",
+     "#fde68a"
+    ]
+   },
+   "aqua": {
+    "colors": [
+     "#5eead4",
+     "#38bdf8",
+     "#a3e635"
+    ]
+   },
+   "night": {
+    "colors": [
+     "#7c3aed",
+     "#2563eb",
+     "#db2777"
+    ]
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Lavender",
+    "title": "Page not found",
+    "background": "#f8f7ff"
+   },
+   {
+    "id": "peach",
+    "name": "Peach",
+    "title": "Page not found",
+    "background": "#fffaf5"
+   },
+   {
+    "id": "aqua",
+    "name": "Aqua",
+    "title": "Page not found",
+    "background": "#f0fdfa"
+   },
+   {
+    "id": "night",
+    "name": "Night",
+    "title": "Page not found",
+    "background": "#07071a"
+   }
+  ]
+ },
  {
   "id": "solar-system",
   "name": "Missing Planet",
@@ -8958,6 +9911,70 @@
    }
   ]
  },
+ {
+  "id": "split-panel",
+  "name": "Split Panel",
+  "description": "Two halves: the explanation and buttons on one side, a solid colour block with a huge number on the other. Stacks on phones.",
+  "category": "Simple",
+  "kind": "2d",
+  "motion": "static",
+  "tags": [
+   "simple",
+   "split",
+   "two-column",
+   "bold",
+   "static",
+   "fast",
+   "brand"
+  ],
+  "layout": "none",
+  "params": {
+   "panel": "#ff5a36",
+   "panelText": "#ffffff",
+   "flip": false
+  },
+  "presetParams": {
+   "forest": {
+    "panel": "#14532d",
+    "panelText": "#bbf7d0"
+   },
+   "ink": {
+    "panel": "#111111",
+    "panelText": "#fafafa",
+    "flip": true
+   },
+   "sky": {
+    "panel": "#38bdf8",
+    "panelText": "#082f49"
+   }
+  },
+  "presets": [
+   {
+    "id": "default",
+    "name": "Coral",
+    "title": "Looks like you’re lost.",
+    "background": "#ffffff"
+   },
+   {
+    "id": "forest",
+    "name": "Forest",
+    "title": "Looks like you’re lost.",
+    "background": "#f7f7f2"
+   },
+   {
+    "id": "ink",
+    "name": "Ink",
+    "title": "Looks like you’re lost.",
+    "background": "#fafafa"
+   },
+   {
+    "id": "sky",
+    "name": "Sky",
+    "title": "Looks like you’re lost.",
+    "background": "#082f49"
+   }
+  ]
+ },
  {
   "id": "stage",
   "name": "Empty Stage",