lostpage 0.0.0-stage → 0.2.0

package/dist/catalog.js

@@ -0,0 +1 @@
+import"./chunks/chunk-7XMDQMDO.js";var catalog=[{id:"ascii-3d",name:"ASCII Donut",description:"A 3D extruded 404 spinning in plain text. Every frame is ASCII characters lit by a moving light, like the famous donut.c.",category:"Retro Tech",kind:"3d",motion:"live",tags:["dom","ascii","3d","developer","retro","monospace","text"],layout:"bottom",params:{ramp:" .,-~:;=!*#$@",color:"#d6ffe4",bg:"#050806",cols:120,depth:.22},presetParams:{red:{color:"#ff4d4d",bg:"#0a0202"},ice:{color:"#9fe8ff",bg:"#020a12",ramp:" .:-=+*#%@"},paper:{color:"#1b1b1b",bg:"#f3efe6",ramp:" .:-=+*#%@"},amber:{color:"#ffbf47",bg:"#0b0700"},blocks:{ramp:" \u2591\u2592\u2593\u2588",color:"#9ab8ff",bg:"#070a14",cols:96}},presets:[{id:"default",name:"Phosphor",title:"Segmentation fault: page not found.",background:"#050806"},{id:"red",name:"Alert",title:"Segmentation fault: page not found.",background:"#0a0202"},{id:"ice",name:"Ice",title:"Segmentation fault: page not found.",background:"#020a12"},{id:"paper",name:"Typewriter",title:"Segmentation fault: page not found.",background:"#f3efe6"},{id:"amber",name:"Amber",title:"Segmentation fault: page not found.",background:"#0b0700"},{id:"blocks",name:"Blocks",title:"Segmentation fault: page not found.",background:"#070a14"}]},{id:"astronaut",name:"Drifting Astronaut",description:"An astronaut tumbles slowly through space, tether snapped, holding a little 404 sign. Stars stream past in parallax as you move the pointer.",category:"Space",kind:"2d",motion:"live",tags:["canvas","space","astronaut","illustration","parallax","calm","classic"],layout:"left",params:{bg:"#0b0b2e",bg2:"#1e0b3a",suit:"#f2f4f8",visor:"#1a2a55",accent:"#ff7a3d",planet:"#ff9f6b"},presetParams:{pink:{bg:"#2a0b3a",bg2:"#7a2a6b",visor:"#3a1a5a",accent:"#ff6bd6",planet:"#ffb3e6"},sunrise:{bg:"#1a1030",bg2:"#ff7a5a",visor:"#2a1a3a",accent:"#ffd23f",planet:"#ff9a6b"},mono:{bg:"#000000",bg2:"#141414",suit:"#ffffff",visor:"#111111",accent:"#ffffff",planet:"#777777"},teal:{bg:"#021a1f",bg2:"#06303a",visor:"#0d4a5a",accent:"#ffd23f",planet:"#3bd6c6"}},presets:[{id:"default",name:"Nebula",title:"Lost in space.",background:"#0b0b2e"},{id:"pink",name:"Cotton Candy",title:"Lost in space.",background:"#2a0b3a"},{id:"sunrise",name:"Sunrise",title:"Lost in space.",background:"#1a1030"},{id:"mono",name:"Monochrome",title:"Lost in space.",background:"#000"},{id:"teal",name:"Teal Void",title:"Lost in space.",background:"#021a1f"}]},{id:"aurora",name:"Northern Lights",description:"Aurora curtains over a frozen lake and mountains, a lone cabin glowing on the shore.",category:"Nature",kind:"2d",motion:"live",tags:["webgl","aurora","night","mountains","lake","calm","nature"],layout:"bottom",params:{low:"#2bff9e",high:"#7a4dff",skyTop:"#01030a",skyBottom:"#06122a",mountains:"#03060d",intensity:1,speed:1,stars:1,cabin:!0,snow:1},presetParams:{rainbow:{low:"#3bff9a",high:"#ff4fd8",intensity:1.15},faint:{intensity:.55,stars:1.3,low:"#7bffc4",high:"#5a7bff"},gold:{low:"#ffe14d",high:"#6bff9a",skyBottom:"#0d1a12"},teal:{low:"#2bd4c9",high:"#2b8cff",skyBottom:"#031c24",mountains:"#010c10",cabin:!1},violet:{low:"#b45cff",high:"#ff4fa0",skyBottom:"#0d0a26"},crimson:{low:"#ff3b5c",high:"#ffb13b",skyBottom:"#1a0610",intensity:1.2},ice:{low:"#3bd4ff",high:"#2b6bff",skyBottom:"#041a2e",mountains:"#02101c"},dusk:{low:"#3bffb1",high:"#ff8a5c",skyTop:"#0b1030",skyBottom:"#3a2a5c",mountains:"#0b0c1c",intensity:.7,stars:.5}},presets:[{id:"default",name:"Emerald",title:"Beautiful view. Wrong page.",background:"#030814"},{id:"rainbow",name:"Corona",title:"Beautiful view. Wrong page.",background:"#030814"},{id:"faint",name:"Faint Glow",title:"Beautiful view. Wrong page.",background:"#030814"},{id:"gold",name:"Solar Gold",title:"Beautiful view. Wrong page.",background:"#030814"},{id:"teal",name:"Teal Fjord",title:"Beautiful view. Wrong page.",background:"#031c24"},{id:"violet",name:"Violet",title:"Beautiful view. Wrong page.",background:"#030814"},{id:"crimson",name:"Crimson Storm",title:"A rare sky. A missing page.",background:"#030814"},{id:"ice",name:"Glacier Blue",title:"Beautiful view. Wrong page.",background:"#030814"},{id:"dusk",name:"Polar Dusk",title:"Beautiful view. Wrong page.",background:"#18163a"}]},{id:"autumn",name:"Autumn Leaves",description:"Leaves drift down on the breeze and settle on the lawn in the shape of the error. Sweep through them with the cursor to scatter them.",category:"Nature",kind:"2d",motion:"live",tags:["canvas","leaves","autumn","fall","cozy","warm","interactive","particles"],layout:"top",params:{bg:"#f6e7cf",bg2:"#e9c99a",leaves:["#d9541e","#e98a1f","#c23b22","#f2b33d","#8a3a1a"],count:520},presetParams:{cherry:{bg:"#fff4f6",bg2:"#ffe0e8",leaves:["#ffb7c5","#ff8fab","#ffd1dc","#ffffff"]},dusk:{bg:"#2a1f3a",bg2:"#5a3a3a",leaves:["#ff7a3d","#ffb347","#d94a2a","#ffd27a"]},ginkgo:{bg:"#f2f0e6",bg2:"#dfe3cf",leaves:["#f2c11d","#e8b30f","#ffd84d","#c99a0a"]}},presets:[{id:"default",name:"Maple",title:"This page fell off the tree.",background:"#f6e7cf"},{id:"cherry",name:"Cherry Blossom",title:"Swept away with the blossoms.",background:"#fff4f6"},{id:"dusk",name:"October Dusk",title:"This page fell off the tree.",background:"#2a1f3a"},{id:"ginkgo",name:"Ginkgo",title:"This page fell off the tree.",background:"#f2f0e6"}]},{id:"balloon-404",name:"Foil Balloons",description:"Inflated foil-balloon numerals bobbing on their strings, crinkles catching the light.",category:"Playful",kind:"3d",motion:"live",tags:["webgl","raymarching","balloon","foil","party","metallic","playful"],layout:"bottom",params:{c1:"#c9ced8",c2:"#c9ced8",c3:"#c9ced8",bgTop:"#fbe9ef",bgBottom:"#f3cfdc"},presetParams:{birthday:{c1:"#ff3b3b",c2:"#2f6bff",c3:"#ffc83b",bgTop:"#fff7ec",bgBottom:"#ffe6c9"},pastel:{c1:"#ffc2d1",c2:"#bde0fe",c3:"#cdb4db",bgTop:"#fffafc",bgBottom:"#f4e8ff"},lime:{c1:"#a3e635",c2:"#a3e635",c3:"#a3e635",bgTop:"#14210a",bgBottom:"#070c03"},violet:{c1:"#9b5cff",c2:"#9b5cff",c3:"#9b5cff",bgTop:"#f2ecff",bgBottom:"#d9c9ff"},gold:{c1:"#f2c45a",c2:"#f2c45a",c3:"#f2c45a",bgTop:"#1d1a2e",bgBottom:"#0d0b16"},rainbow:{c1:"#ff5d8f",c2:"#ffd25d",c3:"#5dd6ff",bgTop:"#f2f6ff",bgBottom:"#d6e2ff"},"rose-gold":{c1:"#f0a99a",c2:"#f0a99a",c3:"#f0a99a",bgTop:"#fff4ef",bgBottom:"#f5d9d0"},blue:{c1:"#4f7dff",c2:"#4f7dff",c3:"#4f7dff",bgTop:"#e9f0ff",bgBottom:"#c8d8ff"}},presets:[{id:"default",name:"Silver",title:"The party's not on this page.",background:"#f7dde6"},{id:"birthday",name:"Birthday",title:"Happy 404th birthday.",background:"#fff0dc"},{id:"pastel",name:"Baby Shower",title:"The party's not on this page.",background:"#f9f0fb"},{id:"lime",name:"Lime",title:"The party's not on this page.",background:"#0d1606"},{id:"violet",name:"Ultraviolet",title:"The party's not on this page.",background:"#e6dcff"},{id:"gold",name:"Gold",title:"The party's not on this page.",background:"#151222"},{id:"rainbow",name:"Rainbow",title:"The party's not on this page.",background:"#e4ecff"},{id:"rose-gold",name:"Rose Gold",title:"The party's not on this page.",background:"#f9e5df"},{id:"blue",name:"Electric Blue",title:"The party's not on this page.",background:"#d8e4ff"}]},{id:"beach",name:"Written in Sand",description:"The code is written in the sand of a quiet beach. Waves wash it away, and it's redrawn as the sand dries.",category:"Nature",kind:"2d",motion:"live",tags:["webgl","beach","ocean","summer","calm","light","nature"],layout:"bottom",params:{sand:"#e8d2a8",wet:"#b89c72",shallow:"#7fe3d6",deep:"#1f8fb3",foam:"#ffffff",cycle:12,reach:.34,shells:!0},presetParams:{night:{sand:"#8a8aa0",wet:"#5a5a74",shallow:"#3a6a8a",deep:"#0b1a3a",foam:"#dfe8ff",shells:!1},lagoon:{sand:"#fff2d9",wet:"#e6cfa8",shallow:"#9ff2e6",deep:"#00a3c9",foam:"#ffffff"},black:{sand:"#3a3936",wet:"#1f1e1c",shallow:"#6fa3b5",deep:"#1d3a4f",foam:"#e9f2f5"},sunset:{sand:"#f2c38f",wet:"#c58c5c",shallow:"#ffb38a",deep:"#7a4a8c",foam:"#fff2e2"},pink:{sand:"#f4d6d0",wet:"#d6aaa2",shallow:"#a6eee6",deep:"#3bb4c9",foam:"#ffffff"},nordic:{sand:"#d9d6cf",wet:"#a9a59c",shallow:"#9fbcc4",deep:"#4a6670",foam:"#f4f7f8",shells:!1}},presets:[{id:"default",name:"Tropical",title:"The tide took this page.",background:"#e8d2a8"},{id:"night",name:"Moonlit Beach",title:"The tide took this page.",background:"#6b6b88"},{id:"lagoon",name:"Lagoon",title:"The tide took this page.",background:"#fff2d9"},{id:"black",name:"Black Sand",title:"The tide took this page.",background:"#2c2b29"},{id:"sunset",name:"Golden Hour",title:"The tide took this page.",background:"#f2c38f"},{id:"pink",name:"Pink Sand",title:"The tide took this page.",background:"#f4d6d0"},{id:"nordic",name:"Nordic",title:"The tide took this page.",background:"#d9d6cf"}]},{id:"black-hole",name:"Event Horizon",description:"The zero is a black hole. Light from its accretion disk and from the numerals around it bends in real time.",category:"Space",kind:"3d",motion:"live",tags:["webgl","space","black-hole","lensing","physics","cinematic","dark"],layout:"bottom",params:{hot:"#fff3d6",warm:"#ffae4d",cool:"#c2402a",textColor:"#f4efe6",diskBrightness:1,diskTilt:.09,spin:1,doppler:1,stars:1,nebula:"#2a3a6b",exposure:1},presetParams:{emerald:{hot:"#e9fff3",warm:"#3bff9a",cool:"#0a6b4a",nebula:"#0a2a2a",textColor:"#e9fff3"},violet:{hot:"#fbeaff",warm:"#b45cff",cool:"#3a0f7a",nebula:"#1a0b3a"},faint:{diskBrightness:.45,hot:"#fff1d6",warm:"#d98a4a",cool:"#5a2a1a",stars:1.3,exposure:1.2},ice:{hot:"#ffffff",warm:"#9fd8ff",cool:"#2a4a8a",nebula:"#0a1a3a",doppler:1.4,textColor:"#dff2ff"},quasar:{hot:"#f2f7ff",warm:"#7fb2ff",cool:"#3b3fc4",nebula:"#40216b",diskBrightness:1.3},crimson:{hot:"#ffd8c2",warm:"#ff4f3a",cool:"#5a0b1a",nebula:"#3a0f1e",exposure:1.1},eclipse:{hot:"#ffffff",warm:"#d9d9d9",cool:"#4d4d4d",nebula:"#111111",textColor:"#ffffff",doppler:.6,stars:.6},edgeon:{diskTilt:.025,hot:"#fff6e0",warm:"#ffc06b",cool:"#b8562c"},synth:{hot:"#ffe6ff",warm:"#ff4fd8",cool:"#3c1dff",nebula:"#1d0b3a",textColor:"#9ff3ff"}},presets:[{id:"default",name:"Gargantua",title:"You crossed the event horizon.",background:"#000000"},{id:"emerald",name:"Emerald Disk",title:"You crossed the event horizon.",background:"#000000"},{id:"violet",name:"Violet",title:"You crossed the event horizon.",background:"#000000"},{id:"faint",name:"Quiet Giant",title:"Even quiet black holes eat pages.",background:"#000000"},{id:"ice",name:"Ice Halo",title:"You crossed the event horizon.",background:"#000000"},{id:"quasar",name:"Quasar",title:"Brightest thing in the universe. Still no page.",background:"#000000"},{id:"crimson",name:"Crimson",title:"You crossed the event horizon.",background:"#000000"},{id:"eclipse",name:"Eclipse",title:"Lights out on this page.",background:"#000000"},{id:"edgeon",name:"Edge-on",title:"You crossed the event horizon.",background:"#000000"},{id:"synth",name:"Synthwave",title:"You crossed the event horizon.",background:"#000000"}]},{id:"block-drop",name:"Block Drop",description:"Falling blocks stack themselves into the shape of the error, row by row, then clear with a flash and start again.",category:"Games",kind:"2d",motion:"live",tags:["canvas","blocks","puzzle","retro","satisfying","arcade","colorful"],layout:"bottom",params:{bg:"#0b0b1a",well:"#14142a",colors:["#3bd6ff","#ffd23f","#b45cff","#3dff8a","#ff4d4d","#ff9f1c","#4f7dff"],rate:26},presetParams:{pocket:{bg:"#9bbc0f",well:"#8bac0f",colors:["#0f380f","#306230"]},pastel:{bg:"#fff8f2",well:"#f4ebe2",colors:["#ffb3c7","#a8d8ff","#ffe08a","#b8f0c8","#d6c2ff"]},mono:{bg:"#000000",well:"#0d0d0d",colors:["#ffffff","#bbbbbb","#888888"]}},presets:[{id:"default",name:"Arcade",title:"Every piece fit, except this page.",background:"#0b0b1a"},{id:"pocket",name:"Pocket",title:"Every piece fit, except this page.",background:"#9bbc0f"},{id:"pastel",name:"Pastel",title:"Every piece fit, except this page.",background:"#fff8f2"},{id:"mono",name:"Monochrome",title:"Every piece fit, except this page.",background:"#000"}]},{id:"blue-screen",name:"Fatal Error",description:"Blue screens, kernel panics, restart prompts and guru meditations, each a classic crash screen rewritten as a 404.",category:"Retro Tech",kind:"2d",motion:"live",tags:["dom","bsod","crash","retro","developer","funny","keyboard"],layout:"none",params:{style:"modern"},presetParams:{green:{style:"modern"},black:{style:"modern"},classic:{style:"classic"},kernel:{style:"kernel"},restart:{style:"restart"},guru:{style:"guru"},bios:{style:"bios"}},presets:[{id:"default",name:"Modern",title:"Your browser ran into a problem.",background:"#1259b8"},{id:"green",name:"Preview Build",title:"Your browser ran into a problem.",background:"#0e7a0d"},{id:"black",name:"Black Screen",title:"Your browser ran into a problem.",background:"#000000"},{id:"classic",name:"Classic",title:"Your browser ran into a problem.",background:"#0000aa"},{id:"kernel",name:"Kernel Panic",title:"Your browser ran into a problem.",background:"#000000"},{id:"restart",name:"Restart Required",title:"Your browser ran into a problem.",background:"#1d1d1f"},{id:"guru",name:"Guru Meditation",title:"Your browser ran into a problem.",background:"#000000"},{id:"bios",name:"Boot Failure",title:"Your browser ran into a problem.",background:"#000000"}]},{id:"breakout",name:"Brick Breaker",description:"The 404 is a wall of bricks. It plays itself until you move the paddle, then it's your game.",category:"Games",kind:"2d",motion:"game",tags:["canvas","game","playable","arcade","retro","interactive"],layout:"bottom",params:{bg:"#07070f",bricks:["#ff4d6d","#ff8e3c","#ffd23f","#3bd16f","#3ab0ff","#9b5cff"],paddle:"#f4f4f8",ball:"#ffffff",text:"#f4f4f8",glow:!0},presetParams:{candy:{bg:"#fff4f8",bricks:["#ff5c8a","#ffb13b","#5cd6ff","#9b7bff"],paddle:"#2a1030",ball:"#ff5c8a",text:"#2a1030",glow:!1},ice:{bg:"#03111c",bricks:["#e6faff","#9fe8ff","#4fc3ff"],paddle:"#e6faff",ball:"#ffffff",text:"#cdefff"},lava:{bg:"#100300",bricks:["#ff2a00","#ff7a00","#ffd000"],paddle:"#ffd000",ball:"#ffffff",text:"#ffd9b0"},gameboy:{bg:"#9bbc0f",bricks:["#0f380f","#306230"],paddle:"#0f380f",ball:"#0f380f",text:"#0f380f",glow:!1},paper:{bg:"#f6f3ec",bricks:["#1c1c1c","#e4572e","#1c1c1c"],paddle:"#1c1c1c",ball:"#e4572e",text:"#1c1c1c",glow:!1},neon:{bg:"#050010",bricks:["#ff2bd6","#22d3ff"],paddle:"#22d3ff",ball:"#ffffff",text:"#ffe9ff"},mono:{bg:"#0b0700",bricks:["#ffb000","#c98a00"],paddle:"#ffb000",ball:"#ffe3a3",text:"#ffb000"}},presets:[{id:"default",name:"Arcade",title:"Break the 404 to find the page.",background:"#07070f"},{id:"candy",name:"Candy",title:"Break the 404 to find the page.",background:"#fff4f8"},{id:"ice",name:"Ice",title:"Break the 404 to find the page.",background:"#03111c"},{id:"lava",name:"Lava",title:"Break the 404 to find the page.",background:"#100300"},{id:"gameboy",name:"Pocket",title:"Break the 404 to find the page.",background:"#9bbc0f"},{id:"paper",name:"Paper",title:"Break the 404 to find the page.",background:"#f6f3ec"},{id:"neon",name:"Neon",title:"Break the 404 to find the page.",background:"#050010"},{id:"mono",name:"Amber Terminal",title:"Break the 404 to find the page.",background:"#0b0700"}]},{id:"bricks",name:"Toy Bricks",description:"Seen from above, a baseplate where toy bricks snap down one by one until the error is built. Studs, shadows and all.",category:"Playful",kind:"2d",motion:"live",tags:["canvas","toy","bricks","building","colorful","playful","kids"],layout:"bottom",params:{plate:"#3a9d4a",colors:["#d62828","#f7b801","#1f6feb","#ffffff","#111111"],bg:"#e9e4da"},presetParams:{pastel:{plate:"#f2e6ff",colors:["#ffb3c7","#a8d8ff","#ffe08a","#b8f0c8"],bg:"#fff8f2"},space:{plate:"#1d2a55",colors:["#d9dce6","#3bd6ff","#9aa0a6","#ffd23f"],bg:"#0b1022"},mono:{plate:"#d9d9d9",colors:["#111111","#555555"],bg:"#f2f2f2"}},presets:[{id:"default",name:"Classic",title:"This page is missing a few pieces.",background:"#e9e4da"},{id:"pastel",name:"Pastel",title:"This page is missing a few pieces.",background:"#fff8f2"},{id:"space",name:"Space Set",title:"This page is missing a few pieces.",background:"#0b1022"},{id:"mono",name:"Monochrome",title:"This page is missing a few pieces.",background:"#f2f2f2"}]},{id:"broken-link",name:"Broken Link",description:"A minimal line illustration of a snapped chain link above the text. Says \u201Cbroken link\u201D 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:!0},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",description:"A sheet of bubble wrap with the error printed into it. Pop every bubble you like. It's very satisfying and changes nothing.",category:"Playful",kind:"2d",motion:"interactive",tags:["canvas","toy","satisfying","interactive","light","tactile","funny"],layout:"bottom",params:{bg:"#d9e4ec",film:"#ffffff",ink:"#ff4d6d",size:34},presetParams:{mint:{bg:"#d9f5ea",film:"#ffffff",ink:"#0f8a5a"},pink:{bg:"#ffd1e0",film:"#ffffff",ink:"#7a1f4a"},kraft:{bg:"#c9a273",film:"#fff8ec",ink:"#1f6feb"},night:{bg:"#10131c",film:"#9fb4ff",ink:"#ffd23f"}},presets:[{id:"default",name:"Clear",title:"Pop a few. The page is still gone.",background:"#d9e4ec"},{id:"mint",name:"Mint",title:"Pop a few. The page is still gone.",background:"#d9f5ea"},{id:"pink",name:"Pink Mailer",title:"Pop a few. The page is still gone.",background:"#ffd1e0"},{id:"kraft",name:"Kraft Box",title:"Pop a few. The page is still gone.",background:"#c9a273"},{id:"night",name:"Midnight",title:"Pop a few. The page is still gone.",background:"#10131c"}]},{id:"campfire",name:"Campfire",description:"Lost in the woods at night. A crackling fire, embers drifting up into a sky full of stars, and a tent waiting.",category:"Nature",kind:"2d",motion:"live",tags:["webgl","fire","camping","night","stars","cozy","nature"],layout:"top",params:{skyTop:"#020414",skyBottom:"#0f1a33",ground:"#0b0906",trees:"#020406",fire:"#ff7a1f",embers:40,tent:!0},presetParams:{autumn:{skyTop:"#0a0618",skyBottom:"#3a1f2a",trees:"#0a0505",fire:"#ff8a1f"},green:{fire:"#7dff3b",skyBottom:"#0a1a12"},desert:{skyTop:"#0a0618",skyBottom:"#3a1f3a",ground:"#2a1608",trees:"#120a08",tent:!1},blue:{fire:"#3bb8ff"},winter:{ground:"#5a6070",skyBottom:"#1d2a44",trees:"#05080d"}},presets:[{id:"default",name:"Pine Forest",title:"Lost in the woods.",background:"#050814"},{id:"autumn",name:"Autumn Woods",title:"Lost in the woods.",background:"#1a0d12"},{id:"green",name:"Witch Fire",title:"Lost in the woods.",background:"#050814"},{id:"desert",name:"Desert Camp",title:"Lost in the woods.",background:"#160d18"},{id:"blue",name:"Spirit Fire",title:"Lost in the woods.",background:"#050814"},{id:"winter",name:"Winter",title:"Lost in the woods.",background:"#0e1626"}]},{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",description:"A cassette whose tape has come unspooled in a long tangle. The reels still turn, but this side of the mixtape won't play.",category:"Retro Tech",kind:"2d",motion:"live",tags:["svg","cassette","retro","80s","music","nostalgia","illustration"],layout:"bottom",params:{shell:"#1d1d22",label:"#ffd23f",ink:"#1d1d22",bg:"#ff6b6b",tape:"#3a2a1a"},presetParams:{clear:{shell:"#d9e2ec",label:"#ffffff",ink:"#1b3a5a",bg:"#9fd3ff",tape:"#2a1a10"},synth:{shell:"#120a24",label:"#ff3bd4",ink:"#120a24",bg:"#2a0f4a",tape:"#3bd6ff"},mint:{shell:"#f4f1ea",label:"#2ec4b6",ink:"#1d1d22",bg:"#cbf3f0",tape:"#3a2a1a"}},presets:[{id:"default",name:"Hot Coral",title:"This track got chewed up.",background:"#ff6b6b"},{id:"clear",name:"Clear Shell",title:"This track got chewed up.",background:"#9fd3ff"},{id:"synth",name:"Synthwave",title:"This track got chewed up.",background:"#2a0f4a"},{id:"mint",name:"Mint",title:"This track got chewed up.",background:"#cbf3f0"}]},{id:"chalkboard",name:"Chalkboard",description:"A classroom blackboard where the lesson is the error: the 404 drawn in chalk, a little equation to prove it, and smudges where someone tried to erase it.",category:"Paper & Print",kind:"2d",motion:"live",tags:["canvas","chalk","school","handwritten","math","retro","education"],layout:"none",params:{board:"#22352b",chalk:"#f2f2ea",frame:"#6b4a2a",accent:"#ffd76b"},presetParams:{black:{board:"#1d1f22",chalk:"#f4f4f0",frame:"#8a6a4a",accent:"#ff9ec4"},blue:{board:"#1f3550",chalk:"#eef4ff",frame:"#a8a8a8",accent:"#ffe14d"},white:{board:"#f4f6f8",chalk:"#1d4fc4",frame:"#c9ced6",accent:"#e5484d"}},presets:[{id:"default",name:"Green Board",title:"Today's lesson: page not found.",background:"#22352b"},{id:"black",name:"Blackboard",title:"Today's lesson: page not found.",background:"#1d1f22"},{id:"blue",name:"Blue Board",title:"Today's lesson: page not found.",background:"#1f3550"},{id:"white",name:"Whiteboard",title:"Today's lesson: page not found.",background:"#f4f6f8"}]},{id:"chrome-404",name:"Liquid Chrome",description:"Mirror-polished 3D numerals in a photo studio. Softboxes slide across the surface and the letters reflect each other.",category:"Typography",kind:"3d",motion:"live",tags:["webgl","raymarching","chrome","metal","studio","y2k","luxury"],layout:"bottom",params:{tint:"#e9edf2",tint2:"#e9edf2",tint3:"#e9edf2",bgTop:"#2a2e36",bgBottom:"#07080a",light:"#ffffff",depth:.24,bevel:.05,sway:.28},presetParams:{titanium:{tint:"#9aa5b1",tint2:"#9aa5b1",tint3:"#9aa5b1",bgTop:"#1b2433",bgBottom:"#05070b",light:"#e6f0ff"},emerald:{tint:"#3bd18a",tint2:"#3bd18a",tint3:"#3bd18a",bgTop:"#0d2a1f",bgBottom:"#020806",light:"#eafff3"},ruby:{tint:"#ff3b5c",tint2:"#ff3b5c",tint3:"#ff3b5c",bgTop:"#2a0a12",bgBottom:"#070103",light:"#ffeef1"},pearl:{tint:"#fff1f6",tint2:"#e9f3ff",tint3:"#f6f0ff",bgTop:"#f4f1f6",bgBottom:"#cfc8d6",light:"#ffffff"},medals:{tint:"#ffcf73",tint2:"#e9edf2",tint3:"#e8875a",bgTop:"#202530",bgBottom:"#05060a",light:"#ffffff"},gold:{tint:"#ffcf73",tint2:"#ffcf73",tint3:"#ffcf73",bgTop:"#2a1f12",bgBottom:"#070504",light:"#fff2d9"},"rose-gold":{tint:"#f4b8a4",tint2:"#f4b8a4",tint3:"#f4b8a4",bgTop:"#3a2a2c",bgBottom:"#0c0808",light:"#fff0ec"},"black-chrome":{tint:"#3b3f46",tint2:"#3b3f46",tint3:"#3b3f46",bgTop:"#121317",bgBottom:"#020203",light:"#ffffff",bevel:.08},holo:{tint:"#9ef3ff",tint2:"#f6a6ff",tint3:"#fff1a0",bgTop:"#e9e6f5",bgBottom:"#b7b3cc",light:"#ffffff"},copper:{tint:"#e8875a",tint2:"#e8875a",tint3:"#e8875a",bgTop:"#1d2626",bgBottom:"#050707",light:"#fff4e6"}},presets:[{id:"default",name:"Chrome",title:"Polished. Perfect. Missing.",background:"#0b0c10"},{id:"titanium",name:"Titanium",title:"Polished. Perfect. Missing.",background:"#0c1119"},{id:"emerald",name:"Emerald Metal",title:"Polished. Perfect. Missing.",background:"#06140e"},{id:"ruby",name:"Candy Red",title:"Shiny, red, and nowhere.",background:"#14050a"},{id:"pearl",name:"Pearl",title:"Polished. Perfect. Missing.",background:"#e4dfe9"},{id:"medals",name:"Gold \xB7 Silver \xB7 Bronze",title:"Every medal, no page.",background:"#0b0d12"},{id:"gold",name:"24k Gold",title:"Worth its weight. Still missing.",background:"#120d07"},{id:"rose-gold",name:"Rose Gold",title:"Polished. Perfect. Missing.",background:"#1a1112"},{id:"black-chrome",name:"Black Chrome",title:"Dark matter.",background:"#060608"},{id:"holo",name:"Holographic",title:"Iridescent, and irrelevant.",background:"#d8d5e8"},{id:"copper",name:"Copper",title:"Polished. Perfect. Missing.",background:"#0d1212"}]},{id:"circuit-board",name:"Circuit Board",description:"Signals race along the copper traces of a circuit board toward the chip that serves this page. That chip is scorched and smoking.",category:"Retro Tech",kind:"2d",motion:"live",tags:["canvas","pcb","electronics","tech","hardware","green","signals"],layout:"bottom",params:{board:"#0d3b22",trace:"#c9a35a",pulse:"#9dffcf",chip:"#141414",burnt:"#3a1a08"},presetParams:{blue:{board:"#0b2a5a",trace:"#d9dce6",pulse:"#7fd3ff"},black:{board:"#121214",trace:"#d4af37",pulse:"#ffd36b"},purple:{board:"#2a0f4a",trace:"#e6c86b",pulse:"#ff7ae0"}},presets:[{id:"default",name:"FR4 Green",title:"Short circuit.",background:"#0a2a18"},{id:"blue",name:"Blue Board",title:"Short circuit.",background:"#08203f"},{id:"black",name:"Matte Black",title:"Short circuit.",background:"#0b0b0c"},{id:"purple",name:"Purple",title:"Short circuit.",background:"#200b3a"}]},{id:"claw-machine",name:"Claw Machine",description:"An arcade claw machine full of plush toys, with the 404 plush right at the front. Move with \u2190 \u2192, drop with space. The claw is, of course, rigged.",category:"Games",kind:"2d",motion:"game",tags:["canvas","game","playable","arcade","claw","funny","keyboard"],layout:"bottom",params:{cabinet:"#ff3b7f",glass:"#1a0b2e",plush:["#ffd23f","#7bdff2","#b2f7ef","#f7d6e0","#cdb4db"],claw:"#d9d9de"},presetParams:{blue:{cabinet:"#2b59ff",glass:"#050a24",plush:["#ffd23f","#ff6b9a","#7bdff2","#ffffff"]},mint:{cabinet:"#2ec4b6",glass:"#04201d",plush:["#ffbf69","#ff9f1c","#cbf3f0","#ffffff"]},gold:{cabinet:"#d4a017",glass:"#1a1205",plush:["#ff6b6b","#4ecdc4","#ffe66d","#f7fff7"]}},presets:[{id:"default",name:"Arcade Pink",title:"So close. It slipped away again.",background:"#120720"},{id:"blue",name:"Midnight Claw",title:"So close. It slipped away again.",background:"#050a24"},{id:"mint",name:"Mint Machine",title:"So close. It slipped away again.",background:"#031a17"},{id:"gold",name:"Gold Rush",title:"So close. It slipped away again.",background:"#120c02"}]},{id:"clay-404",name:"Soft Clay",description:"Chunky pastel clay numerals with soft studio shadows, the friendly 3D look made popular by Spline.",category:"Typography",kind:"3d",motion:"live",tags:["webgl","raymarching","clay","pastel","spline","soft","light","friendly"],layout:"bottom",params:{c1:"#ff8fa3",c2:"#ffd166",c3:"#7bdff2",bgTop:"#fbf3ea",bgBottom:"#f2e2d2",gloss:.35,light:"#fff6ec"},presetParams:{ocean:{c1:"#4ea8de",c2:"#56cfe1",c3:"#ffd6a5",bgTop:"#eef8ff",bgBottom:"#d4ecfb"},citrus:{c1:"#ff9f1c",c2:"#c5e063",c3:"#ffdd4a",bgTop:"#fffbea",bgBottom:"#fbefc4"},berry:{c1:"#c0266d",c2:"#7b2cbf",c3:"#ff6f91",bgTop:"#fff0f6",bgBottom:"#f6d5e5"},chocolate:{c1:"#7b4a2e",c2:"#a0673f",c3:"#f2d4b8",bgTop:"#f7ece3",bgBottom:"#e8d2bf",gloss:.6},garden:{c1:"#7bd389",c2:"#f7b2bd",c3:"#ffe8a3",bgTop:"#1d2a24",bgBottom:"#0f1814",light:"#f2fff6",gloss:.45},mint:{c1:"#7fd8be",c2:"#a1fcdf",c3:"#fcd29f",bgTop:"#eefaf5",bgBottom:"#d7efe6"},lilac:{c1:"#b8a1ff",c2:"#ffb3e6",c3:"#a1c4ff",bgTop:"#f5f1ff",bgBottom:"#e4dcfa"},terracotta:{c1:"#d9764f",c2:"#e9a15c",c3:"#b85a3e",bgTop:"#f6e9dc",bgBottom:"#e9d3bf",gloss:.15},midnight:{c1:"#6c7cff",c2:"#ff6c9e",c3:"#ffd36c",bgTop:"#232742",bgBottom:"#151829",light:"#e9ecff",gloss:.5},mono:{c1:"#f4f1ec",c2:"#f4f1ec",c3:"#f4f1ec",bgTop:"#e9e5df",bgBottom:"#d8d2ca",gloss:.1}},presets:[{id:"default",name:"Sorbet",title:"This page got squished.",background:"#f7ebdf"},{id:"ocean",name:"Seaside",title:"This page got squished.",background:"#e1f2fd"},{id:"citrus",name:"Citrus",title:"Squeezed out of existence.",background:"#fdf4d5"},{id:"berry",name:"Berry",title:"This page got squished.",background:"#fbe4ee"},{id:"chocolate",name:"Chocolate",title:"Melted away.",background:"#efdfd0"},{id:"garden",name:"Night Garden",title:"This page got squished.",background:"#16211c"},{id:"mint",name:"Mint",title:"This page got squished.",background:"#e2f4ec"},{id:"lilac",name:"Lilac",title:"This page got squished.",background:"#ece6fd"},{id:"terracotta",name:"Terracotta",title:"Fired in the kiln. Gone.",background:"#efdcca"},{id:"midnight",name:"Midnight",title:"This page got squished.",background:"#1b1f35"},{id:"mono",name:"Plaster",title:"This page got squished.",background:"#e2ddd6"}]},{id:"constellation",name:"Constellation",description:"Star by star, the lines join up into a new constellation in the shape of the error. Hover a star to light it.",category:"Space",kind:"2d",motion:"live",tags:["canvas","stars","astronomy","night","calm","elegant","interactive"],layout:"bottom",params:{bg:"#050a1a",bg2:"#0d1838",star:"#ffffff",line:"#9fb8ff",label:"#d9b25f",chart:!1},presetParams:{aurora:{bg:"#03101a",bg2:"#0b3a3a",star:"#e6fff6",line:"#6bffc4",label:"#6bffc4"},chart:{bg:"#0d1f3a",bg2:"#0d1f3a",star:"#f3e6c8",line:"#d9b25f",label:"#d9b25f",chart:!0},dawn:{bg:"#1a1440",bg2:"#d9787a",star:"#fff6e8",line:"#ffe2c2",label:"#fff6e8"}},presets:[{id:"default",name:"Night Sky",title:"Written in the stars: not found.",background:"#050a1a"},{id:"aurora",name:"Aurora Sky",title:"Written in the stars: not found.",background:"#03101a"},{id:"chart",name:"Star Chart",title:"Written in the stars: not found.",background:"#0d1f3a"},{id:"dawn",name:"Before Dawn",title:"Written in the stars: not found.",background:"#3a2050"}]},{id:"countdown",name:"Countdown",description:"\u201CTaking you home in 10 seconds.\u201D 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:!1,ring:"#2563eb"},presetParams:{dark:{ring:"#34d399"},quick:{seconds:5,ring:"#f97316"}},presets:[{id:"default",name:"Light",title:"This page doesn\u2019t exist",background:"#ffffff"},{id:"dark",name:"Dark",title:"This page doesn\u2019t exist",background:"#06110d"},{id:"quick",name:"Quick (5s)",title:"This page doesn\u2019t exist",background:"#fff7ed"}]},{id:"cross-stitch",name:"Cross Stitch",description:"An embroidery hoop where the error is being stitched, one little X at a time, with a floral border and a needle still dangling.",category:"Paper & Print",kind:"2d",motion:"live",tags:["canvas","craft","embroidery","cozy","handmade","light","pixel"],layout:"right",params:{fabric:"#f4efe4",thread:"#c2185b",border:"#2f7d4a",hoop:"#c9955a"},presetParams:{navy:{thread:"#1f3a8a",border:"#c2185b"},rainbow:{thread:"#e4572e",border:"#4ea8de",fabric:"#fbf7ee"},dark:{fabric:"#1d1d20",thread:"#ffd23f",border:"#ff6b9a",hoop:"#8a6a4a"}},presets:[{id:"default",name:"Rose",title:"Stitched with love, still not found.",background:"#e9dfcf"},{id:"navy",name:"Navy",title:"Stitched with love, still not found.",background:"#e9dfcf"},{id:"rainbow",name:"Sampler",title:"Stitched with love, still not found.",background:"#e9dfcf"},{id:"dark",name:"Black Aida",title:"Stitched with love, still not found.",background:"#121214"}]},{id:"deep-sea",name:"Sunken Sign",description:"Thirty metres down, the 404 sign rests on the seabed while jellyfish glow and drift past in the light shafts.",category:"Ocean",kind:"2d",motion:"live",tags:["webgl","underwater","ocean","jellyfish","calm","blue","deep"],layout:"top",params:{top:"#1d8fb3",deep:"#020c1a",glow:"#8ff3ff",sand:"#6b6a55",jellies:5},presetParams:{kelp:{top:"#3a9a6a",deep:"#031a12",glow:"#d9ff8a",sand:"#5a5a3a",jellies:3},red:{top:"#b8402a",deep:"#1a0505",glow:"#ffd2a8",sand:"#4a2a1a"},tropical:{top:"#3fd6c8",deep:"#03485a",glow:"#ffb3e6",sand:"#e8d6a8"},abyss:{top:"#062a3a",deep:"#000308",glow:"#c08bff",sand:"#2a2a24",jellies:6}},presets:[{id:"default",name:"Twilight Zone",title:"This page sank without a trace.",background:"#03182a"},{id:"kelp",name:"Kelp Forest",title:"This page sank without a trace.",background:"#06261a"},{id:"red",name:"Red Tide",title:"This page sank without a trace.",background:"#2a0a08"},{id:"tropical",name:"Tropical Reef",title:"This page sank without a trace.",background:"#0a5a6b"},{id:"abyss",name:"Abyss",title:"This page sank without a trace.",background:"#000814"}]},{id:"divider",name:"Divider",description:"\u201C404 | This page could not be found.\u201D 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",description:"A strand of DNA twists slowly in 3D. Every base pair is in place except one, and that gap is where the page should be.",category:"Abstract",kind:"3d",motion:"live",tags:["canvas","science","biology","3d","helix","light","lab"],layout:"left",params:{bg:"#f4f7fb",strand1:"#2b59ff",strand2:"#ff4f8b",bases:["#ffb000","#16c47f","#7a3dff","#1fb5ff"],missing:"#e5484d"},presetParams:{dark:{bg:"#03050c",strand1:"#3bd6ff",strand2:"#ff3bd4",bases:["#ffe14d","#3dff8a","#b45cff","#ff7a3d"],missing:"#ff3b3b"},mono:{bg:"#ffffff",strand1:"#111111",strand2:"#555555",bases:["#999999","#bbbbbb"],missing:"#e5484d"}},presets:[{id:"default",name:"Lab",title:"A base pair is missing.",background:"#f4f7fb"},{id:"dark",name:"Fluorescence",title:"A base pair is missing.",background:"#03050c"},{id:"mono",name:"Monochrome",title:"A base pair is missing.",background:"#fff"}]},{id:"dominoes",name:"Dominoes",description:"Hundreds of dominoes stand in the shape of the error. One tips and the whole thing goes down in a satisfying wave, then they all stand up again.",category:"Physics",kind:"2d",motion:"live",tags:["canvas","dominoes","satisfying","chain-reaction","playful","light"],layout:"bottom",params:{table:"#2f6b4a",tile:"#f6f3ea",pip:"#111111",sweep:3.2},presetParams:{wood:{table:"#a8774a",tile:"#111111",pip:"#f6f3ea"},marble:{table:"#eceae4",tile:"#1d1d1f",pip:"#ffffff"},neon:{table:"#07070f",tile:"#ff3bd4",pip:"#ffffff"}},presets:[{id:"default",name:"Green Felt",title:"One broken link, and everything fell.",background:"#2f6b4a"},{id:"wood",name:"Oak Table",title:"One broken link, and everything fell.",background:"#a8774a"},{id:"marble",name:"Marble",title:"One broken link, and everything fell.",background:"#eceae4"},{id:"neon",name:"Neon",title:"One broken link, and everything fell.",background:"#07070f"}]},{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:!1},presetParams:{dark:{dot:"#273043"},lines:{lines:!0,gap:40,dot:"#e5e7eb"},blueprint:{lines:!0,gap:28,dot:"#2f5fb3"}},presets:[{id:"default",name:"Light",title:"We can\u2019t find that page",background:"#ffffff"},{id:"dark",name:"Dark",title:"We can\u2019t find that page",background:"#0a0d14"},{id:"lines",name:"Lines",title:"We can\u2019t find that page",background:"#ffffff"},{id:"blueprint",name:"Blueprint",title:"We can\u2019t 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 \xB7 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",description:"An elevator climbs floor by floor to 404. Ding. The doors open onto nothing. The call panel takes you anywhere else.",category:"Urban",kind:"2d",motion:"live",tags:["dom","css","elevator","building","funny","interactive"],layout:"none",params:{metal:"#b9bfc7",frame:"#2b2f36",wall:"#e8e2d6",led:"#ff5a3c",behind:"void"},presetParams:{neon:{metal:"#2a2f45",frame:"#0d0f1c",wall:"#1a1530",led:"#ff3bd4",behind:"void"},deco:{metal:"#c9a45c",frame:"#1a1410",wall:"#2a2018",led:"#ffcf6b",behind:"bricks"},sky:{metal:"#d9dde3",frame:"#ffffff",wall:"#f4f6f8",led:"#2b8cff",behind:"sky"}},presets:[{id:"default",name:"Office Tower",title:"This floor doesn't exist.",background:"#e8e2d6"},{id:"neon",name:"Hotel Neon",title:"This floor doesn't exist.",background:"#1a1530"},{id:"deco",name:"Art Deco",title:"This floor doesn't exist.",background:"#2a2018"},{id:"sky",name:"Sky Lobby",title:"This floor doesn't exist.",background:"#f4f6f8"}]},{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:"\u{1F914}",bob:!0},presetParams:{ufo:{emoji:"\u{1F6F8}"},ghost:{emoji:"\u{1F47B}"},desert:{emoji:"\u{1F335}"},melting:{emoji:"\u{1FAE0}",bob:!1}},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\u2019s a desert out here.",background:"#fef3c7"},{id:"melting",name:"Melting",title:"Well, this is awkward.",background:"#ecfeff"}]},{id:"error-cascade",name:"Error Cascade",description:"The classic frozen-desktop glitch: error dialogs pile up behind your cursor in an endless trail. Move fast and paint the screen with them.",category:"Retro Tech",kind:"2d",motion:"interactive",tags:["canvas","retro","windows","dialog","nostalgia","funny","mouse"],layout:"none",params:{desktop:"#008080",style:"classic"},presetParams:{pink:{desktop:"#ff8fb1",style:"classic"},space:{desktop:"#0b0b2e",style:"flat"},aqua:{desktop:"#5a8fd6",style:"aqua"},flat:{desktop:"#1e1e24",style:"flat"}},presets:[{id:"default",name:"Classic",title:"Page not found",background:"#008080"},{id:"pink",name:"Bubblegum Desktop",title:"Page not found",background:"#ff8fb1"},{id:"space",name:"Space Wallpaper",title:"Page not found",background:"#0b0b2e"},{id:"aqua",name:"Aqua",title:"Page not found",background:"#5a8fd6"},{id:"flat",name:"Flat",title:"Page not found",background:"#1e1e24"}]},{id:"evidence-board",name:"Evidence Board",description:"A detective's cork board: polaroids, sticky notes and red string, all pointing to one unsolved case. Drag the notes around.",category:"Playful",kind:"2d",motion:"interactive",tags:["dom","detective","mystery","funny","drag","interactive","light"],layout:"none",params:{cork:"#c89a63",string:"#d1182b",notes:["#ffe66b","#ff9ec4","#9ee6ff","#b8f29e"]},presetParams:{blue:{cork:"#1f4f8f",string:"#ffd23f",notes:["#ffffff","#e6f0ff","#ffffff","#e6f0ff"]},noir:{cork:"#2a2622",string:"#ff2b3d",notes:["#f2e9c9","#e8e1cf","#d9d2bd","#f2e9c9"]},whiteboard:{cork:"#f4f5f7",string:"#2b6cff",notes:["#ffe66b","#ff9ec4","#9ee6ff","#b8f29e"]}},presets:[{id:"default",name:"Cork",title:"The case of the missing page",background:"#c89a63"},{id:"blue",name:"Blueprint",title:"The case of the missing page",background:"#1f4f8f"},{id:"noir",name:"Noir",title:"The case of the missing page",background:"#2a2622"},{id:"whiteboard",name:"Whiteboard",title:"The case of the missing page",background:"#f4f5f7"}]},{id:"eyes",name:"Watching",description:"Dozens of eyes in the dark follow your cursor and blink at their own pace. Get too close and they snap shut.",category:"Spooky",kind:"2d",motion:"interactive",tags:["canvas","spooky","eyes","mouse","funny","halloween","dark"],layout:"center",params:{bg:"#050508",sclera:"#f4f1e8",iris:["#3a2a1a","#2a4a6a","#2d5a2d","#5a3a1a"],style:"round",count:46,shy:!0},presetParams:{owls:{sclera:"#ffb23b",iris:["#1a0f00"],style:"round",count:30,bg:"#0b0f0a"},emoji:{bg:"#ff8fb1",sclera:"#ffffff",iris:["#2a1a40","#3a2a1a"],style:"round",count:34},cats:{sclera:"#d9f25a",iris:["#0a0a0a"],style:"slit",count:34,bg:"#07080d"},creatures:{sclera:"#ff3b2f",iris:["#ffb3a8"],style:"glow",count:60,bg:"#030102"},abyss:{sclera:"#7ff6ff",iris:["#02303a"],style:"glow",count:52,bg:"#01060b"},daylight:{bg:"#ffd84d",sclera:"#ffffff",iris:["#111111"],style:"round",count:30}},presets:[{id:"default",name:"Cartoon",title:"We're looking for it too.",background:"#050508"},{id:"owls",name:"Owls",title:"Whooo moved this page?",background:"#050508"},{id:"emoji",name:"Cartoon Pink",title:"We're looking for it too.",background:"#ff8fb1"},{id:"cats",name:"Alley Cats",title:"The cats knocked it off the table.",background:"#050508"},{id:"creatures",name:"Creatures",title:"Something ate this page.",background:"#050508"},{id:"abyss",name:"Abyss",title:"Nothing down here but us.",background:"#050508"},{id:"daylight",name:"Googly",title:"We've got our eyes on this 404.",background:"#ffd84d"}]},{id:"fireworks",name:"Fireworks",description:"A fireworks show over the harbour. Rockets climb, burst and crackle, and the finale spells out the error in sparks. Click to launch your own.",category:"Urban",kind:"2d",motion:"live",tags:["canvas","fireworks","celebration","night","particles","interactive","festive"],layout:"top",params:{skyTop:"#02030c",skyBottom:"#141a3a",colors:["#ff4d6d","#ffd23f","#3bd6ff","#9b5cff","#ffffff","#3dff8a"],city:!0},presetParams:{gold:{colors:["#ffd36b","#fff2c9","#ffb347"]},newyear:{colors:["#ffffff","#c0c0c0","#ffd36b"],skyBottom:"#1a1030"},lantern:{colors:["#ff3b3b","#ffb000","#ff7a1f"],skyTop:"#0a0306",skyBottom:"#2a0a12"}},presets:[{id:"default",name:"Harbour",title:"Quite a show for a missing page.",background:"#05071a"},{id:"gold",name:"Gold Rain",title:"Quite a show for a missing page.",background:"#05071a"},{id:"newyear",name:"New Year",title:"New year, same 404.",background:"#05071a"},{id:"lantern",name:"Lantern Festival",title:"Quite a show for a missing page.",background:"#140508"}]},{id:"flashlight",name:"Flashlight",description:"A pitch-black room. Your cursor is the torch. Sweep the walls to find the spray-painted 404, the doodles and the note left behind.",category:"Spooky",kind:"2d",motion:"interactive",tags:["webgl","dark","flashlight","mouse","mystery","interactive"],layout:"bottom",params:{wall:"#9a8f7e",paint:"#d92626",beam:"#fff1d6",ambient:.012,radius:.36,dust:1,wallpaper:!0},presetParams:{attic:{wall:"#8a6a4a",paint:"#1a1a1a",beam:"#ffe0b0",wallpaper:!1,dust:1.6},hospital:{wall:"#a9b8a8",paint:"#3a5a8a",beam:"#e6f4ff",wallpaper:!1,ambient:.008},cellar:{wall:"#6b4a3a",paint:"#e6c26b",beam:"#ffcf8a",radius:.3},basement:{wall:"#7d8288",paint:"#f2c12e",beam:"#e8f1ff",wallpaper:!1},crypt:{wall:"#6b6152",paint:"#7a0e0e",beam:"#ffd9a0",ambient:.006,radius:.3,wallpaper:!1},uv:{wall:"#3a3550",paint:"#39ff14",beam:"#9d6bff",ambient:.02,dust:.4}},presets:[{id:"default",name:"Old Hallway",title:"It's dark in here.",background:"#050505"},{id:"attic",name:"Attic",title:"Nothing up here but dust.",background:"#050505"},{id:"hospital",name:"Abandoned Ward",title:"No one's been here in years.",background:"#050505"},{id:"cellar",name:"Wine Cellar",title:"It's dark in here.",background:"#050505"},{id:"basement",name:"Basement",title:"You found the basement. Not the page.",background:"#050505"},{id:"crypt",name:"Crypt",title:"Something lives here. Your page doesn't.",background:"#050505"},{id:"uv",name:"Blacklight",title:"Hidden in plain sight. Still not found.",background:"#050505"}]},{id:"flatline",name:"Flatline",description:"A hospital heart monitor reads the page's vitals. A few beats, then the long flat tone of a 404.",category:"Playful",kind:"2d",motion:"live",tags:["canvas","medical","monitor","funny","dark","ecg"],layout:"bottom",params:{bg:"#03080a",trace:"#38ff7a",grid:"#0c2a1e",alarm:"#ff3b3b",paper:!1},presetParams:{amber:{bg:"#0a0600",trace:"#ffb000",grid:"#2a1a00",alarm:"#ff3b3b"},blue:{trace:"#4fd8ff",grid:"#0b2236",bg:"#020812"},paper:{bg:"#fff5f3",trace:"#1b1b1b",grid:"#f5b8ae",alarm:"#d62828",paper:!0}},presets:[{id:"default",name:"ICU Green",title:"We lost this page.",background:"#03080a"},{id:"amber",name:"Amber Monitor",title:"We lost this page.",background:"#0a0600"},{id:"blue",name:"Cardiac Blue",title:"We lost this page.",background:"#020812"},{id:"paper",name:"ECG Paper",title:"We lost this page.",background:"#fff5f3"}]},{id:"flock",name:"Murmuration",description:"A flock of hundreds of birds swirls across the sky, then gathers into the shape of the error for a moment before scattering. Your cursor is a hawk.",category:"Nature",kind:"2d",motion:"live",tags:["canvas","boids","flocking","nature","generative","interactive","sunset"],layout:"bottom",params:{skyTop:"#2b3a67",skyBottom:"#ffb38a",bird:"#1a1420",shape:"bird",count:520,hold:3.5,sun:!0},presetParams:{starlings:{skyTop:"#5a6a85",skyBottom:"#d9dce6",bird:"#14161c",sun:!1},koi:{skyTop:"#0b2a2a",skyBottom:"#145a4a",bird:"#ffb347",shape:"fish",sun:!1},reef:{skyTop:"#04263f",skyBottom:"#0b7a8f",bird:"#c9f3ff",shape:"fish",sun:!1},drones:{skyTop:"#020412",skyBottom:"#0c1440",bird:"#9ff3ff",shape:"drone",count:700,sun:!1,hold:5},morning:{skyTop:"#8ec5ff",skyBottom:"#fff1d6",bird:"#22303f",sun:!1}},presets:[{id:"default",name:"Dusk",title:"This page flew away.",background:"#c98a7a"},{id:"starlings",name:"Winter Starlings",title:"This page flew away.",background:"#a9b2c4"},{id:"koi",name:"Golden Fish",title:"This page flew away.",background:"#0f3a32"},{id:"reef",name:"Reef",title:"This page swam off with the school.",background:"#06405a"},{id:"drones",name:"Drone Show",title:"The show went on. The page didn't.",background:"#050a24"},{id:"morning",name:"Morning",title:"This page flew away.",background:"#cfe3f7"}]},{id:"foggy-glass",name:"Foggy Glass",description:"Someone wrote the error with a finger on a steamed-up window. Wipe the glass with your cursor and watch it fog back over.",category:"Nature",kind:"2d",motion:"interactive",tags:["canvas","fog","window","wipe","interactive","cozy","winter"],layout:"bottom",params:{view:"city",fog:"#c9d3dc",regrow:6},presetParams:{rain:{view:"city",fog:"#9fb0c2",regrow:3},forest:{view:"forest",fog:"#e6edf2"},sunset:{view:"sunset",fog:"#f1d9c9"}},presets:[{id:"default",name:"City Night",title:"Can't see the page from here.",background:"#7d8b99"},{id:"rain",name:"Rainy Night",title:"Can't see the page from here.",background:"#7d8b99"},{id:"forest",name:"Snowy Forest",title:"It's freezing, and the page is gone.",background:"#c8d4dc"},{id:"sunset",name:"Sunset Drive",title:"Can't see the page from here.",background:"#e8b8a0"}]},{id:"gears",name:"Broken Machine",description:"The machinery behind this page has jammed. The gears turn, grind, shudder and try again. The 0 is a gear too.",category:"Playful",kind:"2d",motion:"live",tags:["svg","gears","mechanical","industrial","maintenance","light"],layout:"bottom",params:{metal:"#2b2f36",metal2:"#8b939e",bg:"#ecebe6",accent:"#ff5a1f",jam:6},presetParams:{copper:{metal:"#7a3a1a",metal2:"#e8875a",bg:"#f6ece3",accent:"#1a6b5a"},neon:{metal:"#3bd6ff",metal2:"#1a4a6b",bg:"#020a12",accent:"#ff3bd4"},brass:{metal:"#8a5a22",metal2:"#d9a85b",bg:"#1c140c",accent:"#ffb347"},blueprint:{metal:"#e9f1ff",metal2:"#9cc0ff",bg:"#1b4f9c",accent:"#ffffff"}},presets:[{id:"default",name:"Workshop",title:"Something jammed in the works.",background:"#ecebe6"},{id:"copper",name:"Copper",title:"Something jammed in the works.",background:"#f6ece3"},{id:"neon",name:"Neon Machine",title:"Something jammed in the works.",background:"#020a12"},{id:"brass",name:"Steampunk",title:"Something jammed in the works.",background:"#1c140c"},{id:"blueprint",name:"Blueprint",title:"Something jammed in the works.",background:"#1b4f9c"}]},{id:"glass-404",name:"Prism Glass",description:"Thick refractive glass numerals with real dispersion, bending a field of slow colour behind them.",category:"Typography",kind:"3d",motion:"live",tags:["webgl","raymarching","glass","refraction","dispersion","gradient","light"],layout:"bottom",params:{c1:"#7b5cff",c2:"#ff6ec7",c3:"#36d6ff",bgTop:"#f6f4ff",bgBottom:"#d9d4f5",dispersion:1.2,depth:.28},presetParams:{forest:{c1:"#1f9d55",c2:"#a3e635",c3:"#0ea5a3",bgTop:"#06140d",bgBottom:"#0b2a1a"},ocean:{c1:"#2563eb",c2:"#06b6d4",c3:"#1e3a8a",bgTop:"#020617",bgBottom:"#0b1a3a"},lava:{c1:"#ff4d00",c2:"#ffb000",c3:"#ff1f5a",bgTop:"#0a0302",bgBottom:"#1f0703",dispersion:1.6},lavender:{c1:"#a78bfa",c2:"#f0abfc",c3:"#93c5fd",bgTop:"#faf5ff",bgBottom:"#e9defa"},neon:{c1:"#ff00e6",c2:"#00f0ff",c3:"#7a00ff",bgTop:"#05000a",bgBottom:"#12001f",dispersion:1.8},aurora:{c1:"#22e3a1",c2:"#3a7bff",c3:"#b25cff",bgTop:"#050a18",bgBottom:"#0b1030"},sunset:{c1:"#ff7a3d",c2:"#ff3d77",c3:"#ffd23d",bgTop:"#fff4ea",bgBottom:"#ffd9c4"},ice:{c1:"#9ad8ff",c2:"#d7f1ff",c3:"#5aa9ff",bgTop:"#f4fbff",bgBottom:"#cfe6f7",dispersion:.6,depth:.34},mono:{c1:"#111111",c2:"#555555",c3:"#999999",bgTop:"#fafafa",bgBottom:"#dcdcdc",dispersion:1.6},candy:{c1:"#ff4fa3",c2:"#ffb13b",c3:"#4fd1ff",bgTop:"#fff0f7",bgBottom:"#ffd6ea"}},presets:[{id:"default",name:"Iris",title:"Crystal clear: it's not here.",background:"#ebe8fb"},{id:"forest",name:"Forest Glass",title:"Crystal clear: it's not here.",background:"#07170f"},{id:"ocean",name:"Deep Ocean",title:"Crystal clear: it's not here.",background:"#030b1f"},{id:"lava",name:"Molten",title:"Crystal clear: it's not here.",background:"#120402"},{id:"lavender",name:"Lavender",title:"Crystal clear: it's not here.",background:"#f1eafc"},{id:"neon",name:"Neon Night",title:"Crystal clear: it's not here.",background:"#08000f"},{id:"aurora",name:"Aurora",title:"Crystal clear: it's not here.",background:"#070c1f"},{id:"sunset",name:"Sunset",title:"Crystal clear: it's not here.",background:"#ffe8da"},{id:"ice",name:"Ice",title:"Frozen solid. Page not found.",background:"#e3f2fc"},{id:"mono",name:"Monochrome",title:"Crystal clear: it's not here.",background:"#ededed"},{id:"candy",name:"Candy",title:"Crystal clear: it's not here.",background:"#ffe5f1"}]},{id:"glitch",name:"Signal Corruption",description:"The numerals tear, shift and split into colour channels in short violent bursts. Hover close and it gets worse.",category:"Typography",kind:"2d",motion:"live",tags:["webgl","glitch","rgb-split","cyberpunk","typography","interactive"],layout:"bottom",params:{bg:"#06060a",ink:"#f4f4f6",a:"#ff1f6d",b:"#1ff4ff",intensity:1,reactive:!0,scanlines:1,grid:!0,weight:900},presetParams:{sunset:{bg:"#1a0b1f",ink:"#ffe6cc",a:"#ff5a36",b:"#b026ff"},ice:{bg:"#eaf6ff",ink:"#0b2a40",a:"#00b3ff",b:"#7a5cff",scanlines:.4},blood:{bg:"#0a0000",ink:"#ff2a2a",a:"#ffffff",b:"#5a0000",intensity:1.6},blueprint:{bg:"#123e7a",ink:"#ffffff",a:"#7fd3ff",b:"#ffe14d",grid:!0},vapor:{bg:"#ffd6f0",ink:"#2a1b5c",a:"#ff4fd8",b:"#3bd0ff",grid:!0},print:{bg:"#f5f2ea",ink:"#141414",a:"#ff3b30",b:"#0a84ff",scanlines:0,grid:!1},toxic:{bg:"#050a02",ink:"#d7ff3b",a:"#3bff7a",b:"#ff3bd7",intensity:1.4},mono:{bg:"#000000",ink:"#ffffff",a:"#8a8a8a",b:"#4a4a4a",grid:!1},calm:{intensity:.35,reactive:!0,scanlines:.4,bg:"#0b0d12",a:"#7c5cff",b:"#2bd4ff"}},presets:[{id:"default",name:"Cyber",title:"Something broke in transmission.",background:"#06060a"},{id:"sunset",name:"Sunset",title:"Something broke in transmission.",background:"#1a0b1f"},{id:"ice",name:"Ice",title:"Something broke in transmission.",background:"#eaf6ff"},{id:"blood",name:"Corrupted",title:"Something broke in transmission.",background:"#0a0000"},{id:"blueprint",name:"Blueprint",title:"Something broke in transmission.",background:"#123e7a"},{id:"vapor",name:"Vaporwave",title:"Something broke in transmission.",background:"#ffd6f0"},{id:"print",name:"Misprint",title:"Printed off the edge of the page.",background:"#f5f2ea"},{id:"toxic",name:"Toxic",title:"Something broke in transmission.",background:"#050a02"},{id:"mono",name:"Monochrome",title:"Something broke in transmission.",background:"#000"},{id:"calm",name:"Subtle",title:"Something broke in transmission.",background:"#06060a"}]},{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:!0},presetParams:{night:{from:"#22d3ee",via:"#6366f1",to:"#d946ef"},sunset:{from:"#f59e0b",via:"#ef4444",to:"#db2777"},mint:{from:"#10b981",via:"#06b6d4",to:"#3b82f6",glow:!1}},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",description:"Two-colour halftone print, slightly misregistered like a risograph. The dots swell and shrink, and a loupe follows your cursor.",category:"Paper & Print",kind:"2d",motion:"live",tags:["webgl","halftone","riso","print","editorial","light","graphic"],layout:"bottom",params:{paper:"#f6f1e7",ink1:"#ff4f8b",ink2:"#2a6bff",cell:9,offset:3},presetParams:{citrus:{ink1:"#00a95c",ink2:"#ffe800"},sunset:{ink1:"#7a3dff",ink2:"#ff6c2f"},mono:{ink1:"#1a1a1a",ink2:"#ffffff",cell:7},news:{paper:"#e8e2d4",ink1:"#2a2a2a",ink2:"#c1121f",cell:6,offset:2}},presets:[{id:"default",name:"Pink & Blue",title:"This page didn't make it to press.",background:"#f6f1e7"},{id:"citrus",name:"Yellow & Green",title:"This page didn't make it to press.",background:"#f6f1e7"},{id:"sunset",name:"Orange & Purple",title:"This page didn't make it to press.",background:"#f6f1e7"},{id:"mono",name:"Black Only",title:"This page didn't make it to press.",background:"#f6f1e7"},{id:"news",name:"Newsprint",title:"This page didn't make it to press.",background:"#e8e2d4"}]},{id:"hanging-letters",name:"Hanging Letters",description:"Each numeral dangles on its own string like a mobile. Brush past them with the cursor and they swing and twist.",category:"Physics",kind:"2d",motion:"live",tags:["canvas","physics","pendulum","mobile","interactive","light","playful"],layout:"bottom",params:{bg:"#f4efe6",letters:["#ff5a3c","#2b59ff","#ffb800","#16a34a","#9b5cff"],string:"#2b2620",look:"solid",wind:1},presetParams:{autumn:{bg:"#f6e7cf",letters:["#d9541e","#a8461a","#e8a83b"],string:"#5a3a1a"},neon:{bg:"#08000f",letters:["#ff3bd4","#3bd6ff","#ffe14d"],string:"#3a2a4a",look:"outline"},paper:{bg:"#eaf2f8",letters:["#ffffff"],string:"#7a8a99",look:"paper"},noir:{bg:"#111114",letters:["#f2f2f2"],string:"#555",look:"outline"},pastel:{bg:"#fff6f0",letters:["#ffb3c7","#a8d8ff","#ffe08a","#b8f0c8"],string:"#c9a98a"}},presets:[{id:"default",name:"Primary",title:"This page came undone.",background:"#f4efe6"},{id:"autumn",name:"Autumn",title:"This page came undone.",background:"#f6e7cf"},{id:"neon",name:"Neon",title:"This page came undone.",background:"#08000f"},{id:"paper",name:"Paper Cut",title:"This page came undone.",background:"#eaf2f8"},{id:"noir",name:"Noir",title:"This page came undone.",background:"#111114"},{id:"pastel",name:"Nursery",title:"This page came undone.",background:"#fff6f0"}]},{id:"hanging-sign",name:"Hanging Sign",description:"A sign hangs on two chains and swings with real physics. Grab it, throw it and watch it settle.",category:"Physics",kind:"2d",motion:"live",tags:["canvas","physics","verlet","drag","interactive","shop","tactile"],layout:"bottom",params:{board:"wood",wall:"#e9e3d7",line1:"",line2:"PAGE NOT FOUND",chain:"#6b6b6b"},presetParams:{mint:{board:"closed",wall:"#d9f2e6",line1:"Sorry",line2:"WE'RE CLOSED",chain:"#9ab8aa"},brick:{board:"wood",wall:"#7a3a2a",chain:"#2a2a2a",line2:"NO PAGE ON TAP"},closed:{board:"closed",wall:"#cfe3e8",line1:"SORRY",line2:"WE'RE CLOSED",chain:"#c9c9c9"},metal:{board:"metal",wall:"#2a2d31",line2:"NO ENTRY",chain:"#9a9a9a"},night:{board:"wood",wall:"#1b1f2a",chain:"#8a8f99"}},presets:[{id:"default",name:"Tavern",title:"We couldn't find that page.",background:"#e9e3d7"},{id:"mint",name:"Mint Caf\xE9",title:"We couldn't find that page.",background:"#d9f2e6"},{id:"brick",name:"Brick Pub",title:"We couldn't find that page.",background:"#7a3a2a"},{id:"closed",name:"Sorry, We're Closed",title:"This page has closed for good.",background:"#cfe3e8"},{id:"metal",name:"Industrial",title:"Nothing beyond this point.",background:"#2a2d31"},{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"}]},{id:"hyperspace",name:"Hyperspace Jump",description:"Stars stretch into light as the ship spools up, jumps, and drops out somewhere unexpected.",category:"Space",kind:"2d",motion:"live",tags:["webgl","space","warp","stars","speed","sci-fi"],layout:"center",params:{star:"#e8f0ff",tint:"#7fb3ff",core:"#cfe0ff",bg:"#01020a",cycle:9,density:.55},presetParams:{ice:{star:"#ffffff",tint:"#9fe8ff",core:"#e6f9ff",bg:"#000a12",density:.65},magenta:{star:"#ffe6f7",tint:"#ff3bb8",core:"#ff9edb",bg:"#0d0008",cycle:7},sunburst:{star:"#fffbe6",tint:"#ff7a1f",core:"#ffd36b",bg:"#120500",density:.75},mono:{star:"#ffffff",tint:"#bbbbbb",core:"#ffffff",bg:"#000000"},plasma:{star:"#ffd9ff",tint:"#b45cff",core:"#ff9cf5",bg:"#07010d"},"red-alert":{star:"#ffe1d9",tint:"#ff4a3d",core:"#ff7a5c",bg:"#0a0101",cycle:6},emerald:{star:"#e0fff2",tint:"#2bffb1",core:"#a6ffe0",bg:"#00080a"},gold:{star:"#fff4dd",tint:"#ffbf47",core:"#ffd88a",bg:"#080500",density:.7}},presets:[{id:"default",name:"Classic",title:"Jumped to the wrong coordinates.",background:"#01020a"},{id:"ice",name:"Ice Lanes",title:"Jumped to the wrong coordinates.",background:"#000a12"},{id:"magenta",name:"Magenta Drive",title:"Jumped to the wrong coordinates.",background:"#0d0008"},{id:"sunburst",name:"Sunburst",title:"Jumped to the wrong coordinates.",background:"#120500"},{id:"mono",name:"Monochrome",title:"Jumped to the wrong coordinates.",background:"#000"},{id:"plasma",name:"Plasma Drive",title:"Jumped to the wrong coordinates.",background:"#07010d"},{id:"red-alert",name:"Red Alert",title:"All hands: page not found.",background:"#0a0101"},{id:"emerald",name:"Emerald",title:"Jumped to the wrong coordinates.",background:"#00080a"},{id:"gold",name:"Solar Sail",title:"Jumped to the wrong coordinates.",background:"#080500"}]},{id:"hypnosis",name:"Hypnosis",description:"An endlessly turning hypnotic spiral. Keep looking. You are getting very, very lost.",category:"Abstract",kind:"2d",motion:"live",tags:["webgl","spiral","op-art","trippy","funny","black-and-white"],layout:"center",params:{a:"#0a0a0a",b:"#f5f5f5",arms:4,speed:1,pattern:0},presetParams:{ocean:{a:"#020a2a",b:"#3bd6ff",arms:3},toxic:{a:"#0a1a02",b:"#c6ff3b",arms:5,speed:1.4},candy:{a:"#ff2d6f",b:"#ffe6ee",arms:6},rings:{pattern:1,a:"#0b1a3a",b:"#4dd8ff"},tunnel:{pattern:2,arms:12,a:"#000000",b:"#ffffff"}},presets:[{id:"default",name:"Classic",title:"You are getting very lost.",background:"#0a0a0a"},{id:"ocean",name:"Deep Blue",title:"You are getting very lost.",background:"#0a0a0a"},{id:"toxic",name:"Toxic",title:"You are getting very lost.",background:"#0a0a0a"},{id:"candy",name:"Candy Swirl",title:"You are getting very lost.",background:"#0a0a0a"},{id:"rings",name:"Ripples",title:"You are getting very lost.",background:"#0a0a0a"},{id:"tunnel",name:"Op-Art Tunnel",title:"You are getting very lost.",background:"#0a0a0a"}]},{id:"ink",name:"Ink in Water",description:"The numerals bleed into the paper like ink dropped in water, bloom into clouds, then slowly gather back into shape.",category:"Abstract",kind:"2d",motion:"live",tags:["webgl","ink","watercolor","calm","light","editorial","elegant"],layout:"bottom",params:{paper:"#f6f2ea",ink:"#14213d",ink2:"#4a1d6b",cycle:12,font:'"Fraunces","Playfair Display",ui-serif,Georgia,"Times New Roman",serif'},presetParams:{ocean:{paper:"#f4f7fb",ink:"#0b3a8a",ink2:"#2a7bd6"},green:{paper:"#f2f2ea",ink:"#2a4a1a",ink2:"#7a9a3a"},violet:{paper:"#faf6ff",ink:"#4a1a8a",ink2:"#c25cd6"},sumi:{paper:"#efe9dc",ink:"#111111",ink2:"#3a3a3a"},crimson:{paper:"#fbf6ef",ink:"#8c1c13",ink2:"#d1495b"},teal:{paper:"#f1f5f2",ink:"#0b4f4a",ink2:"#2a9d8f"},night:{paper:"#0e0d0c",ink:"#d9b25f",ink2:"#f3dfa2"}},presets:[{id:"default",name:"Indigo",title:"This page dissolved.",background:"#f6f2ea"},{id:"ocean",name:"Blue Ink",title:"This page dissolved.",background:"#f4f7fb"},{id:"green",name:"Moss",title:"This page dissolved.",background:"#f2f2ea"},{id:"violet",name:"Violet",title:"This page dissolved.",background:"#faf6ff"},{id:"sumi",name:"Sumi",title:"This page dissolved.",background:"#efe9dc"},{id:"crimson",name:"Crimson",title:"This page dissolved.",background:"#fbf6ef"},{id:"teal",name:"Teal",title:"This page dissolved.",background:"#f1f5f2"},{id:"night",name:"Gold on Black",title:"This page dissolved.",background:"#0e0d0c"}]},{id:"invaders",name:"Page Invaders",description:"The 404 marches down the screen as a fleet of pixel aliens. The ship defends itself until you take the controls.",category:"Games",kind:"2d",motion:"game",tags:["canvas","game","playable","space","shooter","pixel-art","retro"],layout:"bottom",params:{bg:"#03030a",aliens:["#7dff6b","#3bd6ff","#ff5ad1"],ship:"#e9ecff",shot:"#ffef5a",text:"#e9ecff",stars:!0},presetParams:{neon:{bg:"#08000f",aliens:["#ff3bd4","#3bffe6","#ffe14d"],ship:"#ffffff",shot:"#ffffff",text:"#ffe6fb"},green:{bg:"#010a03",aliens:["#3dff6b"],ship:"#3dff6b",shot:"#c9ffd6",text:"#3dff6b"},mono:{aliens:["#ffffff"],ship:"#3dff6b",shot:"#ffffff",text:"#ffffff"},blush:{bg:"#fff1f6",aliens:["#ff4f8b","#8a5cff","#ffb13b"],ship:"#2a1640",shot:"#ff4f8b",text:"#2a1640",stars:!1},amber:{bg:"#0a0600",aliens:["#ffb000","#ff7a00"],ship:"#ffe0a0",shot:"#fff2cc",text:"#ffb000"}},presets:[{id:"default",name:"Arcade",title:"Your page was abducted.",background:"#03030a"},{id:"neon",name:"Neon",title:"Your page was abducted.",background:"#08000f"},{id:"green",name:"Phosphor",title:"Your page was abducted.",background:"#010a03"},{id:"mono",name:"Cabinet White",title:"Your page was abducted.",background:"#03030a"},{id:"blush",name:"Bubblegum",title:"Your page was abducted.",background:"#fff1f6"},{id:"amber",name:"Amber",title:"Your page was abducted.",background:"#0a0600"}]},{id:"kaleidoscope",name:"Kaleidoscope",description:"Mirrored shards of colour turn endlessly, with the error tumbling through the mirrors. Move the pointer to rotate the tube.",category:"Abstract",kind:"2d",motion:"live",tags:["webgl","kaleidoscope","psychedelic","colorful","generative","trippy"],layout:"bottom",params:{a:"#ff3d7f",b:"#3dd6ff",c:"#ffd23d",bg:"#0b0614",segments:12,speed:1},presetParams:{ocean:{a:"#0077b6",b:"#90e0ef",c:"#ffffff",bg:"#03045e",segments:10},autumn:{a:"#d9541e",b:"#f2b33d",c:"#5a2a12",bg:"#1a0a05",segments:8},jewel:{a:"#0a7a5a",b:"#5a0a7a",c:"#d4af37",segments:8},pastel:{a:"#ffc2d9",b:"#c2e7ff",c:"#fff2b3",bg:"#ffffff",segments:10},mono:{a:"#111111",b:"#777777",c:"#eeeeee",bg:"#000000",segments:16}},presets:[{id:"default",name:"Candy Glass",title:"We looked from every angle.",background:"#0b0614"},{id:"ocean",name:"Ocean Glass",title:"We looked from every angle.",background:"#0b0614"},{id:"autumn",name:"Autumn Glass",title:"We looked from every angle.",background:"#0b0614"},{id:"jewel",name:"Jewel Box",title:"We looked from every angle.",background:"#0b0614"},{id:"pastel",name:"Pastel",title:"We looked from every angle.",background:"#ffe9f2"},{id:"mono",name:"Monochrome",title:"We looked from every angle.",background:"#0b0614"}]},{id:"lava-lamp",name:"Lava Lamp",description:"Glossy wax blobs rise, merge and split, and every so often they pull together into the shape of the error.",category:"Abstract",kind:"2d",motion:"live",tags:["webgl","metaballs","retro","70s","groovy","calm","gradient"],layout:"bottom",params:{wax:"#ff6a2b",wax2:"#ff2b55",liquid:"#3b0f4f",liquid2:"#120320",form:.85,speed:1},presetParams:{neon:{wax:"#ff3bd4",wax2:"#7a3bff",liquid:"#05001a",liquid2:"#000000"},ocean:{wax:"#3bd6ff",wax2:"#1f6bff",liquid:"#04243a",liquid2:"#010a14"},lemon:{wax:"#ffe14d",wax2:"#ff9f1c",liquid:"#fffbe6",liquid2:"#ffe9b0"},mint:{wax:"#6bffcf",wax2:"#2bd4a0",liquid:"#0d3b4f",liquid2:"#031821"},sunset:{wax:"#ffd23f",wax2:"#ff6b3d",liquid:"#ff4d8d",liquid2:"#5a1c6b"},milk:{wax:"#ff8fb1",wax2:"#ff5c8a",liquid:"#fff3e6",liquid2:"#ffe0ec"},blue:{wax:"#3bc7ff",wax2:"#5a4bff",liquid:"#0b0b2e",liquid2:"#02020a"}},presets:[{id:"default",name:"Classic",title:"This page melted away.",background:"#1b0629"},{id:"neon",name:"Neon Club",title:"This page melted away.",background:"#05001a"},{id:"ocean",name:"Ocean",title:"This page melted away.",background:"#03182a"},{id:"lemon",name:"Lemonade",title:"This page melted away.",background:"#fff3c9"},{id:"mint",name:"Mint",title:"This page melted away.",background:"#06222c"},{id:"sunset",name:"Sunset",title:"This page melted away.",background:"#5a1c6b"},{id:"milk",name:"Milkshake",title:"This page melted away.",background:"#ffe8ef"},{id:"blue",name:"Electric",title:"This page melted away.",background:"#05051a"}]},{id:"life",name:"Game of Life",description:"Conway's cellular automaton starts from the shape of the error and evolves into gliders and chaos. Draw with your cursor to add life.",category:"Abstract",kind:"2d",motion:"live",tags:["canvas","generative","cellular-automaton","math","interactive","developer"],layout:"bottom",params:{bg:"#0a0b10",young:"#7cf7c8",old:"#3b5bff",grid:"#12141c",cell:10,rate:12,reseed:14},presetParams:{matrix:{bg:"#000a03",young:"#d7ffe6",old:"#18ff6d",grid:"#021208"},candy:{bg:"#fff6fa",young:"#ff3b8a",old:"#ffc2da",grid:"#ffeaf3"},paper:{bg:"#f7f6f1",young:"#111111",old:"#9aa0a6",grid:"#e6e3da"},heat:{bg:"#0d0505",young:"#ffe14d",old:"#ff2d2d",grid:"#170909"},tiny:{cell:5,rate:20,young:"#e0e7ff",old:"#6d5bff"}},presets:[{id:"default",name:"Neon",title:"This page didn't survive.",background:"#0a0b10"},{id:"matrix",name:"Matrix",title:"This page didn't survive.",background:"#000a03"},{id:"candy",name:"Candy",title:"This page didn't survive.",background:"#fff6fa"},{id:"paper",name:"Graph Paper",title:"This page didn't survive.",background:"#f7f6f1"},{id:"heat",name:"Heatmap",title:"This page didn't survive.",background:"#0d0505"},{id:"tiny",name:"Microscopic",title:"This page didn't survive.",background:"#0a0b10"}]},{id:"lighthouse",name:"Lighthouse",description:"A lighthouse on a rocky headland sweeps its beam through the sea fog, searching the water for your page.",category:"Ocean",kind:"2d",motion:"live",tags:["webgl","lighthouse","night","ocean","fog","moody","cinematic"],layout:"left",params:{sky:"#0d1b2e",sea:"#06111f",rock:"#1a1a1d",beam:"#fff2c9",fog:.6,period:7},presetParams:{aurora:{sky:"#03201f",sea:"#010f10",beam:"#e6fff6",fog:.4},storm:{sky:"#1a1f26",sea:"#0a0d10",fog:1,period:5},dusk:{sky:"#3a2a52",sea:"#120f22",beam:"#ffe0b0",fog:.3}},presets:[{id:"default",name:"Sea Fog",title:"We searched every wave.",background:"#08111e"},{id:"aurora",name:"Northern Coast",title:"We searched every wave.",background:"#021615"},{id:"storm",name:"Squall",title:"We searched every wave.",background:"#111418"},{id:"dusk",name:"Last Light",title:"We searched every wave.",background:"#1c1530"}]},{id:"loading",name:"Still Loading",description:"A progress bar that tries its best: resolving, asking nicely, checking under the couch. It stalls at 99%, then gives up at 404%.",category:"Playful",kind:"2d",motion:"live",tags:["dom","progress","funny","minimal","light","loading"],layout:"none",params:{style:"minimal",steps:["Resolving address\u2026","Asking the server nicely\u2026","Checking under the couch\u2026","Looking behind the cache\u2026","Bribing the CDN\u2026","Almost there\u2026","Hmm.","Still nothing."]},presetParams:{dark:{style:"minimal"},warm:{style:"minimal"},dialog:{style:"dialog"},terminal:{style:"terminal",steps:["resolving dependencies","fetching page@latest","linking","building","verifying integrity"]}},presets:[{id:"default",name:"Minimal",title:"Loading the page you asked for\u2026",background:"#fafaf8"},{id:"dark",name:"Minimal Dark",title:"Loading the page you asked for\u2026",background:"#0b0b0d"},{id:"warm",name:"Minimal Warm",title:"Loading the page you asked for\u2026",background:"#f6ede2"},{id:"dialog",name:"Retro Dialog",title:"Loading the page you asked for\u2026",background:"#008080"},{id:"terminal",name:"Package Manager",title:"Loading the page you asked for\u2026",background:"#0d1117"}]},{id:"lost-at-sea",name:"Lost at Sea",description:"A live ocean at blue hour, one buoy light blinking on the horizon. Waves, reflections and weather are all rendered in real time.",category:"Ocean",kind:"3d",motion:"live",tags:["webgl","ocean","night","calm","cinematic","photoreal","weather"],layout:"split",params:{skyTop:"#08111f",skyMid:"#18273f",skyHorizon:"#3f5576",cloudLit:"#3a4f6f",cloudDark:"#0e1829",clouds:.62,water:"#020a15",scatter:"#0b2638",sunElevation:-4,sunAzimuth:-38,sunColor:"#7d8fb3",sunDisc:0,sunGlow:.35,sunSize:.012,buoy:!0,lamp:"#ffb057",lampPower:1.4,blink:4,waveHeight:.42,choppiness:1,speed:1,cameraHeight:2.3,fog:0,fogColor:"#3b4a60",stars:0,rain:0,lightning:0,bioluminescence:0,exposure:.9},presetParams:{midday:{skyTop:"#2f7fd6",skyMid:"#6fb3ee",skyHorizon:"#cfe8f7",cloudLit:"#ffffff",cloudDark:"#b9cfe0",clouds:.35,water:"#053a5c",scatter:"#0e8aa8",sunElevation:38,sunAzimuth:18,sunColor:"#fff6e0",sunDisc:2,sunGlow:.9,sunSize:.02,lampPower:.25,exposure:.72,waveHeight:.5},"red-dawn":{skyTop:"#1b1030",skyMid:"#7a1f3a",skyHorizon:"#ff5a3c",cloudLit:"#ff7a5a",cloudDark:"#2a0f1f",clouds:.7,water:"#0a0610",scatter:"#3a1220",sunElevation:1,sunAzimuth:-12,sunColor:"#ff6a3c",sunDisc:5,sunGlow:1.2,sunSize:.026,exposure:.75,waveHeight:.6},starless:{skyTop:"#010205",skyMid:"#03070f",skyHorizon:"#0b1424",cloudLit:"#0b1424",cloudDark:"#010205",clouds:.5,water:"#000204",scatter:"#020a12",sunGlow:.02,lamp:"#ffd36b",lampPower:2.2,blink:5,exposure:1.3},monsoon:{skyTop:"#1d2a2a",skyMid:"#3a4a48",skyHorizon:"#6b7a72",cloudLit:"#55645f",cloudDark:"#141c1c",clouds:.95,water:"#071210",scatter:"#16302a",sunGlow:.08,waveHeight:.95,choppiness:1.2,rain:1.4,fog:.08,fogColor:"#5a6a64",lamp:"#ffe36b",exposure:1.05},lavender:{skyTop:"#241a4a",skyMid:"#5a4a8a",skyHorizon:"#d9a6c9",cloudLit:"#c99ad0",cloudDark:"#2a2050",clouds:.45,water:"#0a0818",scatter:"#2a1f4a",sunElevation:-2,sunAzimuth:25,sunColor:"#ffc2d9",sunGlow:.8,exposure:.85},"golden-hour":{skyTop:"#1a2340",skyMid:"#6b4a62",skyHorizon:"#f39a5c",cloudLit:"#e88f6b",cloudDark:"#3a2a3c",clouds:.5,water:"#06101c",scatter:"#3a2a2a",sunElevation:2.2,sunAzimuth:8,sunColor:"#ffb26a",sunDisc:6,sunGlow:1.3,sunSize:.022,lampPower:.8,exposure:.72,waveHeight:.45},moonlit:{skyTop:"#02050c",skyMid:"#0a1424",skyHorizon:"#1d2b44",cloudLit:"#3d4b66",cloudDark:"#070c16",clouds:.32,water:"#01050b",scatter:"#06131f",sunElevation:17,sunAzimuth:14,sunColor:"#c9d6f5",sunDisc:2.2,sunGlow:.32,sunSize:.03,stars:1,lampPower:.9,lamp:"#9ff0c4",blink:2.5},storm:{skyTop:"#05070b",skyMid:"#151b24",skyHorizon:"#3b4652",cloudLit:"#2c3540",cloudDark:"#07090d",clouds:.92,water:"#03080d",scatter:"#0e2229",sunGlow:.1,waveHeight:1.05,choppiness:1.25,speed:1.25,cameraHeight:3.4,rain:1,lightning:1,lamp:"#ff5a4a",blink:1.6,lampPower:1.6,exposure:1.25},fog:{skyTop:"#5e6a76",skyMid:"#76818c",skyHorizon:"#8a949d",cloudLit:"#97a0a8",cloudDark:"#6b7580",clouds:.2,water:"#141c23",scatter:"#26343c",fog:.32,fogColor:"#7f8a94",sunGlow:.2,sunColor:"#c9d2da",lamp:"#ff4b3a",blink:3,lampPower:2.2,waveHeight:.35,exposure:.95},bioluminescent:{skyTop:"#010309",skyMid:"#040a18",skyHorizon:"#0c1a2e",cloudLit:"#0f1d33",cloudDark:"#02050b",clouds:.25,water:"#000306",scatter:"#001820",stars:.8,bioluminescence:1.4,buoy:!1,sunGlow:.05,waveHeight:.7,exposure:1.2},arctic:{skyTop:"#2c3c5c",skyMid:"#8a93b8",skyHorizon:"#f1c6c0",cloudLit:"#e9d4dc",cloudDark:"#7b829f",clouds:.4,water:"#0b1622",scatter:"#28485a",sunElevation:.5,sunAzimuth:-22,sunColor:"#ffd2b8",sunDisc:4,sunGlow:.9,sunSize:.02,lamp:"#fff1c9",lampPower:.6,waveHeight:.3,choppiness:.7,speed:.8,exposure:.78}},presets:[{id:"default",name:"Blue Hour",title:"Lost at sea.",background:"#0a1424"},{id:"midday",name:"Midday",title:"Calm seas. No page.",background:"#1d6aa8"},{id:"red-dawn",name:"Red Dawn",title:"Sailors take warning.",background:"#2a0f1f"},{id:"starless",name:"New Moon",title:"Not a star to steer by.",background:"#010205"},{id:"monsoon",name:"Monsoon",title:"Swept overboard.",background:"#1d2a2a"},{id:"lavender",name:"Lavender Dusk",title:"Drifting into the evening.",background:"#2a2050"},{id:"golden-hour",name:"Golden Hour",title:"Sailed past the sunset.",background:"#3a2a3c"},{id:"moonlit",name:"Moonlit",title:"Nothing but moonlight here.",background:"#050a14"},{id:"storm",name:"Storm",title:"Rough waters.",background:"#0a0d12"},{id:"fog",name:"Fog Bank",title:"Lost in the fog.",background:"#6f7a84"},{id:"bioluminescent",name:"Bioluminescent",title:"The sea lit up, the page didn't.",background:"#01050b"},{id:"arctic",name:"Arctic Dawn",title:"Too far north.",background:"#8a93b8"}]},{id:"magic-8-ball",name:"Magic 8 Ball",description:"Ask the oracle where your page went. Click or tap to shake it, and the answer floats up through the dark liquid.",category:"Playful",kind:"2d",motion:"interactive",tags:["canvas","toy","funny","interactive","glossy","dark"],layout:"right",params:{ball:"#0d0d10",window:"#06061a",die:"#2b3cff",bg:"#1c1530",bg2:"#05040a",answers:["PAGE NOT FOUND","ASK AGAIN LATER","OUTLOOK NOT SO GOOD","TRY THE HOMEPAGE","SIGNS POINT TO 404","REPLY HAZY, GO HOME","MY SOURCES SAY NO","CANNOT PREDICT NOW","DON'T COUNT ON IT"]},presetParams:{gold:{ball:"#1a1206",window:"#0d0802",die:"#d4af37",bg:"#2a1d0a",bg2:"#0a0702"},mint:{ball:"#2ec4b6",window:"#04201d",die:"#ffffff",bg:"#e6fbf7",bg2:"#bff0e6"},pink:{ball:"#ff5fa2",window:"#2a0718",die:"#ffd23f",bg:"#ffe0ee",bg2:"#ffc2dc"},crystal:{ball:"#2a2f45",window:"#0a1430",die:"#00d1ff",bg:"#e8ecf7",bg2:"#c7cfe6"}},presets:[{id:"default",name:"Classic",title:"Outlook: not found.",background:"#120d20"},{id:"gold",name:"Gold Oracle",title:"Outlook: not found.",background:"#140d04"},{id:"mint",name:"Mint",title:"Outlook: not found.",background:"#e6fbf7"},{id:"pink",name:"Bubblegum",title:"Outlook: not found.",background:"#ffe0ee"},{id:"crystal",name:"Crystal",title:"Outlook: not found.",background:"#e8ecf7"}]},{id:"matrix-rain",name:"Digital Rain",description:"Falling columns of glyphs. Look closer and the 404 is written in the rain.",category:"Retro Tech",kind:"2d",motion:"live",tags:["canvas","matrix","code","hacker","green","dark"],layout:"bottom",params:{color:"#18ff6d",head:"#d7ffe6",bg:"#000a03",cell:16,speed:1,glyphs:"\uFF71\uFF72\uFF73\uFF74\uFF75\uFF76\uFF77\uFF78\uFF79\uFF7A\uFF7B\uFF7C\uFF7D\uFF7E\uFF7F\uFF80\uFF81\uFF82\uFF83\uFF84\uFF85\uFF86\uFF87\uFF88\uFF89\uFF8A\uFF8B\uFF8C\uFF8D\uFF8E\uFF8F\uFF90\uFF91\uFF92\uFF93\uFF94\uFF95\uFF96\uFF97\uFF98\uFF99\uFF9A\uFF9B\uFF9C\uFF9D0123456789",reveal:.9},presetParams:{violet:{color:"#b47bff",head:"#f3e6ff",bg:"#07000f"},gold:{color:"#ffcf4d",head:"#fff6d6",bg:"#0a0700",glyphs:"0123456789$\xA5\u20AC\xA3"},hex:{color:"#3bd6ff",head:"#e6faff",bg:"#00070c",glyphs:"0123456789ABCDEF",cell:15},sakura:{color:"#ff6fae",head:"#ffe6f2",bg:"#0d0208"},amber:{color:"#ffb000",head:"#fff0c8",bg:"#0a0600",glyphs:"0123456789ABCDEF"},ice:{color:"#4fd8ff",head:"#e8fbff",bg:"#00060c"},binary:{color:"#e6e6e6",head:"#ffffff",bg:"#050505",glyphs:"01",cell:14},blood:{color:"#ff2a3d",head:"#ffd6da",bg:"#0a0002"},paper:{color:"#2b2b2b",head:"#000000",bg:"#f4f1ea",glyphs:"abcdefghijklmnopqrstuvwxyz0123456789"}},presets:[{id:"default",name:"Green",title:"There is no page.",background:"#000a03"},{id:"violet",name:"Violet",title:"There is no page.",background:"#07000f"},{id:"gold",name:"Gold",title:"There is no page.",background:"#0a0700"},{id:"hex",name:"Hex Dump",title:"0x404: page not mapped.",background:"#00070c"},{id:"sakura",name:"Pink Rain",title:"There is no page.",background:"#0d0208"},{id:"amber",name:"Amber",title:"There is no page.",background:"#0a0600"},{id:"ice",name:"Ice",title:"There is no page.",background:"#00060c"},{id:"binary",name:"Binary",title:"01000110 01101111 01110101 01101110 01100100? No.",background:"#050505"},{id:"blood",name:"Red Pill",title:"And it led here. Nowhere.",background:"#0a0002"},{id:"paper",name:"Paper",title:"There is no page.",background:"#f4f1ea"}]},{id:"maze",name:"Labyrinth",description:"You're a dot lost in a maze. Use the arrow keys, WASD or swipes to find the exit, and the exit takes you home.",category:"Games",kind:"2d",motion:"game",tags:["canvas","game","playable","maze","puzzle","keyboard","touch","minimal"],layout:"bottom",params:{bg:"#f4f1ea",wall:"#1c1a17",player:"#ff4d2e",exit:"#2bb673",trail:"#ffb8a8"},presetParams:{blueprint:{bg:"#123e7a",wall:"#e6f0ff",player:"#ffd23f",exit:"#3dff8a",trail:"#3a6aa8"},candy:{bg:"#fff2f7",wall:"#ff4f8b",player:"#5b2cff",exit:"#2bb673",trail:"#d9ccff"},neon:{bg:"#07070f",wall:"#3bd6ff",player:"#ff3bd4",exit:"#3dff8a",trail:"#5a1a52"},hedge:{bg:"#c9b98a",wall:"#2f5a2a",player:"#e8402a",exit:"#ffd23f",trail:"#e8c9a0"}},presets:[{id:"default",name:"Paper",title:"You took a wrong turn.",background:"#f4f1ea"},{id:"blueprint",name:"Blueprint",title:"You took a wrong turn.",background:"#123e7a"},{id:"candy",name:"Candy",title:"You took a wrong turn.",background:"#fff2f7"},{id:"neon",name:"Neon",title:"You took a wrong turn.",background:"#07070f"},{id:"hedge",name:"Hedge Maze",title:"You took a wrong turn.",background:"#c9b98a"}]},{id:"mesh-gradient",name:"Mesh Gradient",description:"A slow, living mesh gradient behind a frosted-glass card. The calm, polished 404 that drops straight into most modern product sites.",category:"Abstract",kind:"2d",motion:"live",tags:["webgl","gradient","glassmorphism","saas","minimal","modern","light"],layout:"center",params:{c1:"#ff9ecb",c2:"#8ec5ff",c3:"#b9a6ff",c4:"#ffe0a8",base:"#f6f3ff",speed:1,grain:.035,card:!0},presetParams:{ocean:{c1:"#3bd6ff",c2:"#2b59ff",c3:"#8affd6",c4:"#e6f9ff",base:"#eaf6ff"},sunset:{c1:"#ff6b3d",c2:"#ff3d8a",c3:"#ffb13d",c4:"#7a3dff",base:"#2a0f2a"},forest:{c1:"#2bb673",c2:"#a3e635",c3:"#0ea5a3",c4:"#fef08a",base:"#ecfdf3"},midnight:{c1:"#4f46e5",c2:"#9333ea",c3:"#0ea5e9",c4:"#1e1b4b",base:"#05030f"},peach:{c1:"#ffb38a",c2:"#ffd6a5",c3:"#ff8fa3",c4:"#fff1e6",base:"#fff7f0"},mono:{c1:"#d4d4d8",c2:"#a1a1aa",c3:"#f4f4f5",c4:"#71717a",base:"#e4e4e7",grain:.05}},presets:[{id:"default",name:"Dawn",title:"This page doesn't exist.",background:"#f1ecff"},{id:"ocean",name:"Ocean",title:"This page doesn't exist.",background:"#e3f2ff"},{id:"sunset",name:"Sunset",title:"This page doesn't exist.",background:"#3a1230"},{id:"forest",name:"Forest",title:"This page doesn't exist.",background:"#e6f8ee"},{id:"midnight",name:"Midnight",title:"This page doesn't exist.",background:"#0a0820"},{id:"peach",name:"Peach",title:"This page doesn't exist.",background:"#ffeee2"},{id:"mono",name:"Graphite",title:"This page doesn't exist.",background:"#e4e4e7"}]},{id:"metro-map",name:"Metro Map",description:"A transit map of the site. Trains run between real stations, and the one you wanted is closed.",category:"Urban",kind:"2d",motion:"live",tags:["svg","map","transit","subway","design","light","navigation"],layout:"none",params:{bg:"#f7f5f0",ink:"#1a1a1a",lines:["#e3262f","#0098d4","#00a651","#f5a623","#8a3ab9"],label:"Line"},presetParams:{mono:{bg:"#ffffff",ink:"#111111",lines:["#111111","#555555","#999999","#333333","#777777"]},night:{bg:"#11131a",ink:"#f2f2f2",lines:["#ff4d5a","#3bb8ff","#3dff8a","#ffc23b","#c07bff"]},pastel:{bg:"#fff8f2",ink:"#2a2230",lines:["#ff8fa3","#7bc8ff","#7bdcb5","#ffcf7a","#b9a3ff"]}},presets:[{id:"default",name:"Day Map",title:"Station closed.",background:"#f7f5f0"},{id:"mono",name:"Monochrome",title:"Station closed.",background:"#ffffff"},{id:"night",name:"Night Service",title:"Station closed.",background:"#11131a"},{id:"pastel",name:"Pastel",title:"Station closed.",background:"#fff8f2"}]},{id:"milk-carton",name:"Missing",description:"A 3D milk carton with your page printed on the side: last seen at this URL. Drag it around to read the back.",category:"Playful",kind:"3d",motion:"interactive",tags:["css-3d","dom","funny","illustration","light","interactive","print"],layout:"right",params:{carton:"#ffffff",accent:"#1f6feb",ink:"#11203a",brand:"Lost & Found Dairy",photo:"page"},presetParams:{banana:{carton:"#fffbe6",accent:"#f2b705",ink:"#3a2a00"},matcha:{carton:"#f4f8ee",accent:"#4a7c2a",ink:"#1a2e10",photo:"ghost"},blueberry:{carton:"#f6f2ff",accent:"#5b3cc4",ink:"#1f1247",photo:"cat"},strawberry:{accent:"#e5486b",ink:"#3a0f1b"},chocolate:{carton:"#fff7ee",accent:"#7a4a2a",ink:"#2b1709",photo:"cat"},oat:{carton:"#f4eedf",accent:"#2f7d4a",ink:"#14301e",brand:"Oatly Lost",photo:"ghost"},night:{accent:"#5b7cff",ink:"#0c1233"}},presets:[{id:"default",name:"Classic Blue",title:"Missing since your last click.",background:"#dfeaf6"},{id:"banana",name:"Banana Milk",title:"Missing since your last click.",background:"#fff3b8"},{id:"matcha",name:"Matcha",title:"Missing since your last click.",background:"#dcebcf"},{id:"blueberry",name:"Blueberry",title:"Missing since your last click.",background:"#e2daff"},{id:"strawberry",name:"Strawberry",title:"Missing since your last click.",background:"#fbe3e8"},{id:"chocolate",name:"Chocolate",title:"Missing since your last click.",background:"#efe0cf"},{id:"oat",name:"Oat Milk",title:"Missing since your last click.",background:"#e4ead9"},{id:"night",name:"Midnight Snack",title:"Missing since your last click.",background:"#0f1430"}]},{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:!1},presetParams:{dark:{},emerald:{},big:{rule:!0},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",description:"Rolling dunes under a white-hot sun. On the shimmering horizon the 404 wavers like a mirage, and a tumbleweed rolls past.",category:"Nature",kind:"2d",motion:"live",tags:["webgl","desert","dunes","heat","mirage","warm","nature"],layout:"bottom",params:{skyTop:"#3d8fd6",skyHorizon:"#f2e3c4",sandLight:"#f2c48a",sandDark:"#b8743f",sun:"#fff6dc",haze:1},presetParams:{salt:{skyTop:"#5fa8e6",skyHorizon:"#ffffff",sandLight:"#ffffff",sandDark:"#d9dce6",sun:"#fffbe6",haze:1.4},dusk:{skyTop:"#3a2a6b",skyHorizon:"#ff9a6b",sandLight:"#d9805a",sandDark:"#5a2a3a",sun:"#ffd2a8"},white:{skyTop:"#7fb8e6",skyHorizon:"#f4f6f8",sandLight:"#ffffff",sandDark:"#c9cfd6",sun:"#ffffff"}},presets:[{id:"default",name:"Midday",title:"Just a mirage.",background:"#d9a066"},{id:"salt",name:"Salt Flats",title:"Just a mirage.",background:"#eef2f6"},{id:"dusk",name:"Dusk",title:"Just a mirage.",background:"#8a4a4a"},{id:"white",name:"White Sands",title:"Just a mirage.",background:"#e9edf1"}]},{id:"moon-landing",name:"Moon Landing",description:"Bootprints lead away from the lander across grey dust, past a planted 404 flag, and off the edge of the screen. Earth hangs in the black sky.",category:"Space",kind:"2d",motion:"live",tags:["canvas","moon","space","lunar","illustration","calm","dark"],layout:"top",params:{sky:"#000000",ground:"#8f8f8c",earth:!0,flag:"#ff4d2e"},presetParams:{europa:{sky:"#020617",ground:"#c9d6e6",flag:"#ff3b5c",earth:!1},mars:{sky:"#d9a07a",ground:"#b5532c",earth:!1,flag:"#1f6feb"},blue:{sky:"#020617",ground:"#6b7a99",flag:"#ffd23f"}},presets:[{id:"default",name:"Earthrise",title:"One small step into nowhere.",background:"#000000"},{id:"europa",name:"Ice Moon",title:"Frozen solid. No page.",background:"#000000"},{id:"mars",name:"Red Planet",title:"Not even a rover could find it.",background:"#b5532c"},{id:"blue",name:"Blue Moon",title:"One small step into nowhere.",background:"#000000"}]},{id:"neon-sign",name:"Neon Sign",description:"A buzzing neon sign on a back-alley wall. The tubes flicker and their light spills across the surface. Click it and it falters.",category:"Urban",kind:"2d",motion:"live",tags:["canvas","neon","night","urban","glow","retro","interactive"],layout:"bottom",params:{neon:"#ff2d95",neon2:"#2de2ff",wall:"#2a1a1d",mortar:"#130b0d",sub:"NOT FOUND",font:'"Inter",ui-sans-serif,system-ui,sans-serif',flicker:.5,surface:"brick"},presetParams:{vegas:{neon:"#ffcf3b",neon2:"#ff3b5c",sub:"NO JACKPOT",wall:"#24101a",mortar:"#120810"},arcade:{neon:"#3dff6b",neon2:"#b45cff",sub:"GAME OVER",surface:"tile",wall:"#141024",mortar:"#0a0814"},pastel:{neon:"#ff7ab8",neon2:"#6bd6ff",sub:"SORRY!",surface:"tile",wall:"#e9e3f2",mortar:"#cfc6de",flicker:.2},bar:{neon:"#ff2a2a",neon2:"#2a6bff",sub:"CLOSED",wall:"#1a1410",mortar:"#0d0a08",flicker:.7},motel:{neon:"#ff3b1f",neon2:"#ffd23f",sub:"NO VACANCY",wall:"#1d1a24",mortar:"#0d0c12",font:'"Georgia",ui-serif,serif'},diner:{neon:"#3dffb1",neon2:"#ff4fd8",sub:"EAT AT HOME",surface:"tile",wall:"#16302c",mortar:"#0a1615"},tokyo:{neon:"#ff2a3d",neon2:"#ffffff",sub:"\u898B\u3064\u304B\u308A\u307E\u305B\u3093",surface:"concrete",wall:"#1c1e24",mortar:"#101116"},blue:{neon:"#4d7cff",neon2:"#b26bff",sub:"PAGE MISSING",wall:"#151a2a",mortar:"#0a0d16",flicker:.25},broken:{neon:"#ff9a1f",neon2:"#ff4a4a",sub:"OUT OF ORDER",flicker:1}},presets:[{id:"default",name:"Pink & Cyan",title:"Lights are on. Nobody's home.",background:"#0d0709"},{id:"vegas",name:"Vegas",title:"What happens here stays lost.",background:"#0d0709"},{id:"arcade",name:"Arcade",title:"Lights are on. Nobody's home.",background:"#0d0709"},{id:"pastel",name:"Pastel Caf\xE9",title:"Lights are on. Nobody's home.",background:"#e9e3f2"},{id:"bar",name:"Dive Bar",title:"Bar's closed. So is this page.",background:"#0d0709"},{id:"motel",name:"Motel",title:"No rooms at this address.",background:"#0b0a10"},{id:"diner",name:"Diner",title:"We're all out of this page.",background:"#081413"},{id:"tokyo",name:"Tokyo",title:"Lights are on. Nobody's home.",background:"#0b0c10"},{id:"blue",name:"Blue Hour",title:"Lights are on. Nobody's home.",background:"#080b14"},{id:"broken",name:"Busted",title:"Half the letters are out. So is the page.",background:"#0d0709"}]},{id:"newspaper",name:"Extra! Extra!",description:"A front page spins onto the screen like an old movie montage: page vanishes without a trace, with witness quotes and a halftone photo.",category:"Paper & Print",kind:"2d",motion:"live",tags:["dom","print","newspaper","vintage","funny","light","editorial"],layout:"none",params:{masthead:"The Daily 404",headline:"",paper:"#f3eee2",ink:"#1b1a17",spot:"#b3261e",spin:!0},presetParams:{gazette:{masthead:"The 404 Gazette",paper:"#e8dcc0",ink:"#2b2014",spot:"#6b2a14"},tech:{masthead:"The Daily Bug",paper:"#f4f6f8",ink:"#0f172a",spot:"#2563eb"},sports:{masthead:"Sports 404",paper:"#fffdf5",ink:"#111",spot:"#16a34a"},tabloid:{masthead:"The Weekly Lost",paper:"#ffffff",ink:"#111",spot:"#e3061a"},pink:{masthead:"The 404 Times",paper:"#fbe3d0",ink:"#262626",spot:"#0d5a8c"},noir:{masthead:"Evening Shadow",paper:"#d9d4c7",ink:"#0d0d0d",spot:"#0d0d0d",spin:!0}},presets:[{id:"default",name:"Morning Edition",title:"Page vanishes without a trace",background:"#2b2a27"},{id:"gazette",name:"Old Gazette",title:"Page vanishes without a trace",background:"#3a2d1c"},{id:"tech",name:"Tech Daily",title:"Startup's page pivots out of existence",background:"#0f172a"},{id:"sports",name:"Sports Final",title:"Page fumbles at the one-yard line",background:"#14532d"},{id:"tabloid",name:"Tabloid",title:"Page abducted by aliens!",background:"#ffd400"},{id:"pink",name:"Financial Pink",title:"Page value plunges to zero",background:"#3a2f2a"},{id:"noir",name:"Noir",title:"Page vanishes without a trace",background:"#0d0d0d"}]},{id:"nixie",name:"Nixie Tubes",description:"Warm cold-cathode tubes. The digits roll like a slot machine before settling on the error, and every glass envelope catches the light.",category:"Signs & Displays",kind:"2d",motion:"live",tags:["canvas","nixie","vintage","glow","electronics","warm","dark"],layout:"bottom",params:{glow:"#ff7a1f",core:"#ffe1b8",bg:"#0b0806",table:"#1a120d",metal:"#5a4a3c",roll:11},presetParams:{ice:{glow:"#5ac8ff",core:"#e6f7ff",bg:"#03070c",table:"#08111c",metal:"#3a4a5a"},magenta:{glow:"#ff3bd4",core:"#ffe6f8",bg:"#0a0309",table:"#160915",metal:"#4a3550"},white:{glow:"#ffd9a8",core:"#ffffff",bg:"#100b07",table:"#2a1d12",metal:"#6b5a48"},argon:{glow:"#8c6bff",core:"#efe6ff",bg:"#07060d",table:"#120f1d",metal:"#4a4560"},vfd:{glow:"#2bffc6",core:"#e6fff7",bg:"#020807",table:"#06130f",metal:"#2f4a42"},ruby:{glow:"#ff2a3a",core:"#ffd9dc",bg:"#0a0405",table:"#160a0b",metal:"#4d3536"},brass:{glow:"#ff9a3c",core:"#fff0d6",bg:"#140c06",table:"#3a2412",metal:"#b08a4a"}},presets:[{id:"default",name:"Neon Orange",title:"The tubes are warm. The page is cold.",background:"#0b0806"},{id:"ice",name:"Cold Cathode",title:"The tubes are warm. The page is cold.",background:"#03070c"},{id:"magenta",name:"Magenta",title:"The tubes are warm. The page is cold.",background:"#0a0309"},{id:"white",name:"Incandescent",title:"The tubes are warm. The page is cold.",background:"#100b07"},{id:"argon",name:"Argon",title:"The tubes are warm. The page is cold.",background:"#07060d"},{id:"vfd",name:"VFD Green",title:"The tubes are warm. The page is cold.",background:"#020807"},{id:"ruby",name:"Ruby",title:"The tubes are warm. The page is cold.",background:"#0a0405"},{id:"brass",name:"Brass & Walnut",title:"The tubes are warm. The page is cold.",background:"#140c06"}]},{id:"no-signal",name:"No Signal",description:"An old CRT television: static, test cards and blue VCR screens. Click to change the channel.",category:"Retro Tech",kind:"2d",motion:"live",tags:["webgl","crt","tv","static","retro","vhs","interactive"],layout:"bottom",params:{channels:["static","bars","blue","nosignal"],hold:3.5,curvature:1,osd:"#3dff6e",phosphor:"color"},presetParams:{flat:{curvature:0,channels:["nosignal","bars"]},surf:{hold:1.4},static:{channels:["static"],hold:0},"test-card":{channels:["bars"],hold:0},vcr:{channels:["blue"],hold:0,osd:"#ffffff"},green:{phosphor:"green",channels:["nosignal","static","bars"]},amber:{phosphor:"amber",channels:["nosignal","static","bars"]}},presets:[{id:"default",name:"Channel Surf",title:"We've lost the signal.",background:"#000000"},{id:"flat",name:"Flat Panel",title:"We've lost the signal.",background:"#000000"},{id:"surf",name:"Fast Surf",title:"We've lost the signal.",background:"#000000"},{id:"static",name:"Static",title:"We've lost the signal.",background:"#000000"},{id:"test-card",name:"Test Card",title:"Technical difficulties.",background:"#000000"},{id:"vcr",name:"VCR Blue",title:"Nothing recorded here.",background:"#000000"},{id:"green",name:"Green Monitor",title:"We've lost the signal.",background:"#000000"},{id:"amber",name:"Amber Monitor",title:"We've lost the signal.",background:"#000000"}]},{id:"one-bit",name:"One Bit",description:"Everything in two colours with ordered dithering, like an early Mac or a pocket console. A little globe turns and the light follows your pointer.",category:"Retro Tech",kind:"3d",motion:"live",tags:["webgl","dither","1-bit","retro","pixel","monochrome","mac"],layout:"bottom-left",params:{dark:"#1b1b1b",light:"#f2efe6",pixel:3},presetParams:{pocket:{dark:"#0f380f",light:"#9bbc0f",pixel:4},amber:{dark:"#120a00",light:"#ffb000",pixel:3},paper:{dark:"#f2efe6",light:"#1b1b1b",pixel:2},ice:{dark:"#0a1a3a",light:"#bfe7ff",pixel:3}},presets:[{id:"default",name:"Classic",title:"The page could not be found.",background:"#1b1b1b"},{id:"pocket",name:"Pocket Console",title:"The page could not be found.",background:"#0f380f"},{id:"amber",name:"Amber Terminal",title:"The page could not be found.",background:"#120a00"},{id:"paper",name:"Paper",title:"The page could not be found.",background:"#f2efe6"},{id:"ice",name:"Ice Blue",title:"The page could not be found.",background:"#0a1a3a"}]},{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:.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",description:"Splats of paint fly at a white wall until the error is painted in drips and spatter. Click to throw a splat of your own.",category:"Playful",kind:"2d",motion:"live",tags:["canvas","paint","splatter","art","colorful","interactive","light"],layout:"bottom",params:{wall:"#f7f5f0",paints:["#ff3b5c","#ffb000","#1fb5ff","#7a3dff","#16c47f"]},presetParams:{mono:{paints:["#111111","#2a2a2a","#444444"]},neon:{wall:"#0b0b0d",paints:["#ff00e6","#00f0ff","#ffe600","#00ff85"]},pastel:{paints:["#ffb3c7","#a8d8ff","#ffe08a","#b8f0c8","#d6c2ff"]},gold:{wall:"#14110d",paints:["#d4af37","#f5d76e","#b8860b"]}},presets:[{id:"default",name:"Primary",title:"We painted over this page.",background:"#f7f5f0"},{id:"mono",name:"Black Ink",title:"We painted over this page.",background:"#f7f5f0"},{id:"neon",name:"Neon on Black",title:"We painted over this page.",background:"#0b0b0d"},{id:"pastel",name:"Pastel",title:"We painted over this page.",background:"#f7f5f0"},{id:"gold",name:"Gold Leaf",title:"We painted over this page.",background:"#14110d"}]},{id:"paper-plane",name:"Paper Plane",description:"Your page was folded into a paper plane and is now looping lazily through the clouds. Steer it with the pointer.",category:"Playful",kind:"2d",motion:"live",tags:["canvas","paper","sky","clouds","light","calm","interactive"],layout:"bottom",params:{skyTop:"#8fc9ff",skyBottom:"#e8f5ff",plane:"#ffffff",cloud:"#ffffff",trail:"#ffffff"},presetParams:{mint:{skyTop:"#7fe3c0",skyBottom:"#e6fff6",cloud:"#ffffff",trail:"#ffffff"},sunset:{skyTop:"#3a3a8a",skyBottom:"#ffb38a",cloud:"#ffd9c7",trail:"#ffe6d6"},night:{skyTop:"#050a1f",skyBottom:"#1d2a55",plane:"#f2f6ff",cloud:"#2a3a66",trail:"#9fb4ff"},notebook:{skyTop:"#f7f4ec",skyBottom:"#f7f4ec",plane:"#ffffff",cloud:"#e3ecf7",trail:"#4a6fa5"}},presets:[{id:"default",name:"Blue Sky",title:"This page flew away.",background:"#cbe6ff"},{id:"mint",name:"Mint Sky",title:"This page flew away.",background:"#bdf2df"},{id:"sunset",name:"Sunset",title:"This page flew away.",background:"#d98a8a"},{id:"night",name:"Night Flight",title:"This page flew away.",background:"#0d1530"},{id:"notebook",name:"Notebook",title:"This page flew away.",background:"#f7f4ec"}]},{id:"particles",name:"Particle Field",description:"Thousands of particles hold the shape of the code. Push them with the pointer, click to scatter them, and watch them find their way back.",category:"Abstract",kind:"2d",motion:"interactive",tags:["canvas","particles","interactive","physics","mouse"],layout:"bottom",params:{mode:"glow",colors:["#cfe0ff","#ffffff","#8fb5ff"],bg:"#050816",count:2600,size:2.2,spring:7,radius:120,drift:0,trail:0,twinkle:1,wind:0,ambient:140},presetParams:{neon:{colors:["#00f0ff","#ff00e6","#7a5cff"],bg:"#05000d",size:2.4,ambient:180},gold:{colors:["#ffd36b","#fff2c9","#e8a83b"],bg:"#0d0903",size:2,ambient:260},sakura:{mode:"confetti",colors:["#ffb7c5","#ffd1dc","#ff8fab","#ffffff"],bg:"#fff5f7",count:1300,size:5,spring:4,twinkle:0,drift:-.3,ambient:90},smoke:{colors:["#9aa0a6","#c9ccd1","#6b7076"],bg:"#0d0e10",drift:1.2,trail:.12,size:3.2,twinkle:0,ambient:200,spring:5},ocean:{colors:["#bff7ff","#7fe3ff","#ffffff"],bg:"#03243a",size:2.4,drift:-.2,ambient:220},embers:{colors:["#ff8a3d","#ffcf6b","#ff4d1f"],bg:"#0d0503",drift:1,trail:.22,size:2.4,ambient:220},snow:{colors:["#ffffff","#e4f1ff","#cfe3ff"],bg:"#1b2a40",drift:-1,size:2.6,ambient:260,twinkle:0},confetti:{mode:"confetti",colors:["#ff4f79","#ffb627","#2ec4b6","#5b5ff5","#ff7b3d"],bg:"#fff8ef",count:1500,size:4.2,spring:5,twinkle:0,ambient:60},sand:{mode:"square",colors:["#b8925c","#9c7443","#cfa871"],bg:"#f4e7d3",count:5200,size:1.8,spring:3,wind:1,twinkle:0,ambient:0,radius:110},pixels:{mode:"square",colors:["#39ff14","#00e5ff","#ff2bd6","#fff700"],bg:"#07010d",count:1400,size:5,spring:9,twinkle:0,ambient:0},ink:{mode:"square",colors:["#141414","#2b2b2b","#4a4a4a"],bg:"#f3f0ea",count:3600,size:1.8,twinkle:0,ambient:0,spring:6},fireflies:{colors:["#d9ff6b","#f6ff9e","#b8ff3d"],bg:"#03100a",count:900,size:3.4,spring:2.5,twinkle:1,ambient:120,drift:.2}},presets:[{id:"default",name:"Stardust",title:"This page scattered into stardust.",background:"#050816"},{id:"neon",name:"Neon",title:"This page scattered into stardust.",background:"#05000d"},{id:"gold",name:"Gold Dust",title:"All that glitters is not found.",background:"#0d0903"},{id:"sakura",name:"Sakura",title:"Carried off by the blossoms.",background:"#fff5f7"},{id:"smoke",name:"Smoke",title:"This page went up in smoke.",background:"#0d0e10"},{id:"ocean",name:"Sea Foam",title:"This page scattered into stardust.",background:"#03243a"},{id:"embers",name:"Embers",title:"This page burned down.",background:"#0d0503"},{id:"snow",name:"Snowfall",title:"This page is buried in snow.",background:"#1b2a40"},{id:"confetti",name:"Confetti",title:"We threw a party. The page didn't come.",background:"#fff8ef"},{id:"sand",name:"Sand",title:"Blown away.",background:"#f4e7d3"},{id:"pixels",name:"Arcade Pixels",title:"Level not found.",background:"#07010d"},{id:"ink",name:"Ink",title:"Smudged out of existence.",background:"#f3f0ea"},{id:"fireflies",name:"Fireflies",title:"Even the fireflies can't find it.",background:"#03100a"}]},{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:!1},presetParams:{request:{request:!0},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",description:"A small procedural world turning slowly in the dark, with clouds, oceans, night lights, rings and a moon.",category:"Space",kind:"3d",motion:"live",tags:["webgl","space","planet","procedural","calm","dark"],layout:"left",params:{deep:"#03142e",shallow:"#0b4d78",land:"#3e5a2c",high:"#8a7a58",ice:"#f2f5f7",atmosphere:"#4f8dff",type:0,seaLevel:.5,clouds:.45,rings:0,ringColor:"#d9c7a4",cityLights:1,moon:!0,spin:1},presetParams:{jungle:{deep:"#04202a",shallow:"#0b6b6b",land:"#1f6b2a",high:"#3a8a2a",ice:"#e9f7e9",atmosphere:"#7fffb0",seaLevel:.42,clouds:.6,cityLights:0},candy:{deep:"#5a1a6b",shallow:"#c25cd6",land:"#ff9ec7",high:"#ffd6e8",ice:"#ffffff",atmosphere:"#ffb3e6",seaLevel:.48,clouds:.4,cityLights:0},"ice-giant":{type:1,land:"#6fb3e6",high:"#cfeaff",shallow:"#3a7ab8",ice:"#ffffff",atmosphere:"#9fd8ff",rings:.7,ringColor:"#bcd8f0",clouds:0,cityLights:0},toxic:{type:1,land:"#c9b33a",high:"#f2e88a",shallow:"#8a7a1a",ice:"#fff6c9",atmosphere:"#e6ff6b",rings:0,clouds:0,cityLights:0},dune:{deep:"#5a2a14",shallow:"#8a4423",land:"#c46a3a",high:"#e7b07a",ice:"#f4e3d0",atmosphere:"#ff9a5c",seaLevel:.2,clouds:.1,cityLights:0},glacier:{deep:"#0a2a44",shallow:"#3f88b5",land:"#b9d5e6",high:"#ffffff",ice:"#ffffff",atmosphere:"#9fd3ff",seaLevel:.42,clouds:.35,cityLights:0},giant:{type:1,land:"#c9a273",high:"#f1dcb8",shallow:"#a86b3c",ice:"#fff2dc",atmosphere:"#f0c48a",rings:1,clouds:0,cityLights:0,moon:!0},inferno:{type:2,land:"#140a08",high:"#3a2a24",atmosphere:"#ff5a1f",seaLevel:.36,clouds:0,cityLights:0},ocean:{seaLevel:.78,deep:"#021a3a",shallow:"#0e6aa0",clouds:.55,cityLights:0,atmosphere:"#5fb2ff"}},presets:[{id:"default",name:"Terra",title:"No signs of this page.",background:"#000207"},{id:"jungle",name:"Jungle World",title:"Lost in the canopy.",background:"#000207"},{id:"candy",name:"Candy Planet",title:"No signs of this page.",background:"#000207"},{id:"ice-giant",name:"Ice Giant",title:"No signs of this page.",background:"#000207"},{id:"toxic",name:"Sulphur",title:"Do not land here.",background:"#000207"},{id:"dune",name:"Dune",title:"Nothing out here but sand.",background:"#000207"},{id:"glacier",name:"Glacier",title:"This page froze over.",background:"#000207"},{id:"giant",name:"Ringed Giant",title:"No solid ground for this page.",background:"#000207"},{id:"inferno",name:"Inferno",title:"This page burned up on entry.",background:"#000207"},{id:"ocean",name:"Ocean World",title:"Lost at sea, planet-wide.",background:"#000207"}]},{id:"pond",name:"Koi Pond",description:"A real-time water simulation. Koi glide under the surface, the 404 is laid in stones on the bottom, and the water ripples wherever you touch it.",category:"Nature",kind:"2d",motion:"live",tags:["webgl","water","simulation","ripples","zen","calm","interactive","nature"],layout:"bottom",params:{water:"#bfe6dc",deep:"#0f3b3a",sky:"#cfe8ff",stone:"#e9e4da",koi:!0,lilies:!0,rain:.4},presetParams:{sakura:{water:"#f2d6e0",deep:"#3a1a2a",sky:"#ffe6ef",lilies:!0,rain:.3},jade:{water:"#9fe6c9",deep:"#063a2a",sky:"#d9fff2",koi:!0},night:{water:"#6f8fb3",deep:"#050c1a",sky:"#7f93c9",koi:!0,lilies:!0,rain:.2},autumn:{water:"#d9c79b",deep:"#2a2410",sky:"#ffe2b8",lilies:!1,rain:.5},rain:{rain:3,lilies:!0}},presets:[{id:"default",name:"Garden",title:"Only ripples here.",background:"#1d4a45"},{id:"sakura",name:"Sakura",title:"Only ripples here.",background:"#4a2a3a"},{id:"jade",name:"Jade",title:"Only ripples here.",background:"#0a3a2a"},{id:"night",name:"Moonlit",title:"Only ripples here.",background:"#0a1426"},{id:"autumn",name:"Autumn",title:"Only ripples here.",background:"#3a2f12"},{id:"rain",name:"Rain Shower",title:"Only ripples here.",background:"#1d4a45"}]},{id:"pong",name:"Table Tennis",description:"The original video game, playing itself while the error code glows behind the net. Move your mouse or press W and S to take the left paddle.",category:"Games",kind:"2d",motion:"game",tags:["canvas","game","playable","pong","retro","minimal"],layout:"bottom",params:{bg:"#0b0b0b",fg:"#f2f2f2",dim:"#262626",trail:!0},presetParams:{synth:{bg:"#12002a",fg:"#ff3bd4",dim:"#24064a",trail:!0},amber:{bg:"#0a0600",fg:"#ffb000",dim:"#1f1400",trail:!0},ice:{bg:"#eaf6ff",fg:"#0b3a6b",dim:"#d4e8f8",trail:!1},tennis:{bg:"#c4562a",fg:"#ffffff",dim:"#d46a3c",trail:!1},table:{bg:"#155e3b",fg:"#ffffff",dim:"#1c7149",trail:!1},paper:{bg:"#f2efe8",fg:"#121212",dim:"#e2ddd2",trail:!1},neon:{bg:"#08001a",fg:"#00f0ff",dim:"#1a0b3d",trail:!0}},presets:[{id:"default",name:"Classic",title:"This link bounced.",background:"#0b0b0b"},{id:"synth",name:"Synthwave",title:"This link bounced.",background:"#12002a"},{id:"amber",name:"Amber",title:"This link bounced.",background:"#0a0600"},{id:"ice",name:"Ice Hockey",title:"This link bounced.",background:"#eaf6ff"},{id:"tennis",name:"Clay Court",title:"This link bounced.",background:"#c4562a"},{id:"table",name:"Ping Pong Table",title:"This link bounced.",background:"#155e3b"},{id:"paper",name:"Paper",title:"This link bounced.",background:"#f2efe8"},{id:"neon",name:"Neon",title:"This link bounced.",background:"#08001a"}]},{id:"radar",name:"Radar Sweep",description:"A phosphor radar scope sweeps for the missing page. Blips flare up and fade, and the target never shows.",category:"Retro Tech",kind:"2d",motion:"live",tags:["canvas","radar","military","scope","green","search","dark"],layout:"right",params:{bg:"#020a05",phosphor:"#3dff8a",period:4,mode:"radar"},presetParams:{red:{bg:"#0a0202",phosphor:"#ff3b3b"},weather:{bg:"#06121f",phosphor:"#5aff9a",period:6,mode:"radar"},sonar:{bg:"#010814",phosphor:"#3bd6ff",period:5,mode:"sonar"},amber:{bg:"#0a0600",phosphor:"#ffb000",period:5}},presets:[{id:"default",name:"Air Defence",title:"No contact.",background:"#020a05"},{id:"red",name:"Red Alert",title:"No contact.",background:"#0a0202"},{id:"weather",name:"Weather Radar",title:"Clear skies. No page.",background:"#06121f"},{id:"sonar",name:"Sonar",title:"Nothing in these waters.",background:"#010814"},{id:"amber",name:"Air Traffic",title:"Lost on approach.",background:"#0a0600"}]},{id:"rainy-window",name:"Rainy Window",description:"Rain runs down a fogged window. Behind it, a city at night and a neon sign showing the error, blurred until a drop rolls past and brings it into focus.",category:"Urban",kind:"2d",motion:"live",tags:["webgl","rain","city","night","neon","bokeh","moody","cinematic"],layout:"bottom",params:{skyTop:"#0a0f1f",skyBottom:"#1a1630",neon:"#ff2d6f",lights:["#ffb35c","#ff5f4a","#5fb7ff","#9dff8a"],fog:.8,rain:.55},presetParams:{green:{neon:"#3dff9a",lights:["#ffe2a8","#3dff9a","#ff6b6b","#ffffff"],skyTop:"#04120c",skyBottom:"#0d2a1f"},tokyo:{neon:"#ff2a3d",lights:["#ff2a3d","#ffffff","#ffd23f","#3bd6ff"],skyTop:"#070712",skyBottom:"#1a0f2a",rain:.7},blue:{skyTop:"#14254a",skyBottom:"#2a3a6a",neon:"#4dd8ff",lights:["#ffe2a8","#ffd27a","#9cc8ff","#ffffff"],fog:.65},amber:{skyTop:"#120b06",skyBottom:"#2a170b",neon:"#ffb347",lights:["#ffcf8a","#ff9a4a","#ffe7c2","#ff7a3d"],fog:.85},storm:{rain:.85,fog:.9,neon:"#a66bff"}},presets:[{id:"default",name:"Neon Night",title:"Nothing out there but rain.",background:"#0d0f1c"},{id:"green",name:"Diner Green",title:"Nothing out there but rain.",background:"#06160f"},{id:"tokyo",name:"Tokyo",title:"Nothing out there but rain.",background:"#0d0a1a"},{id:"blue",name:"Blue Hour",title:"Nothing out there but rain.",background:"#162448"},{id:"amber",name:"Amber Caf\xE9",title:"The caf\xE9's shut. So is this page.",background:"#1a0f07"},{id:"storm",name:"Downpour",title:"Nothing out there but rain.",background:"#0d0f1c"}]},{id:"receipt",name:"Receipt",description:"A thermal printer chatters out a receipt for your visit, itemised down to the missing page, with a total of 404 and a barcode at the bottom.",category:"Paper & Print",kind:"2d",motion:"live",tags:["dom","receipt","print","funny","light","retail","monospace"],layout:"none",params:{desk:"#e7e2d8",paper:"#ffffff",ink:"#222222",store:"THE INTERNET CO."},presetParams:{dark:{desk:"#1a1d24",paper:"#f7f5ef",ink:"#1a1a1a"},cafe:{desk:"#c9a27a",paper:"#fffaf0",ink:"#3a2412",store:"CAF\xC9 404"},pink:{desk:"#ffd6e5",paper:"#ffffff",ink:"#5a1030",store:"BOUTIQUE LOST"}},presets:[{id:"default",name:"Corner Shop",title:"Item not found",background:"#e7e2d8"},{id:"dark",name:"Night Counter",title:"Item not found",background:"#1a1d24"},{id:"cafe",name:"Caf\xE9",title:"Item not found",background:"#c9a27a"},{id:"pink",name:"Boutique",title:"Item not found",background:"#ffd6e5"}]},{id:"road-closed",name:"Road Closed",description:"A road stretches to the horizon and ends at a striped barrier, cones and blinking warning lamps. The detour sign points home.",category:"Urban",kind:"2d",motion:"live",tags:["canvas","road","construction","barrier","sign","detour","warning"],layout:"bottom",params:{sky:"#9fd0ff",sky2:"#f2f6fa",road:"#3a3d42",stripe:"#f2f2f2",night:!1},presetParams:{snow:{sky:"#b9c8d8",sky2:"#eef3f7",road:"#5a6070",stripe:"#ffffff"},night:{sky:"#050912",sky2:"#1a2234",road:"#1d2026",stripe:"#d9d9d9",night:!0},desert:{sky:"#ffb38a",sky2:"#ffe6c7",road:"#4a3f3a",stripe:"#ffd23f"}},presets:[{id:"default",name:"Daytime",title:"Road closed.",background:"#d9e4ec"},{id:"snow",name:"Snowed In",title:"Pass closed for the season.",background:"#eef3f7"},{id:"night",name:"Night Works",title:"Road closed.",background:"#0b111c"},{id:"desert",name:"Desert Highway",title:"Road closed.",background:"#f2c49a"}]},{id:"rpg-dialog",name:"Quest Log",description:"A tiny pixel-art overworld. An old sage at the crossroads tells you the page isn't on any map, one typed line at a time. Press space to continue.",category:"Games",kind:"2d",motion:"live",tags:["canvas","pixel-art","rpg","8-bit","retro","game","dialog","keyboard"],layout:"none",params:{grass:"#5aa85a",grass2:"#4a944a",path:"#d9c08a",box:"#1a1a3a",border:"#ffffff",text:"#ffffff",lines:["Halt, traveller!","The page you seek is not on any map.","Many have searched. None returned with it.","Best go back to the village."]},presetParams:{desert:{grass:"#e6c98a",grass2:"#d9b874",path:"#b8925c",box:"#3a1d08",border:"#ffd27a",text:"#fff3d6",lines:["The sands have swallowed many roads.","This page is one of them.","Follow the caravan home."]},dungeon:{grass:"#3a3a44",grass2:"#2e2e36",path:"#55555f",box:"#000000",border:"#d9b25f",text:"#f3e6c8",lines:["A voice echoes in the dark\u2026","There is no page in this dungeon.","Only bats. And regret.","Climb back up the stairs."]},snow:{grass:"#e9f2f8",grass2:"#d6e6f0",path:"#b9cbd8",box:"#0d2238",border:"#bfe3ff",text:"#ffffff",lines:["Brrr\u2026 you're far from home.","Even the yetis haven't seen this page.","Head south. Toward the homepage."]}},presets:[{id:"default",name:"Meadow",title:"You can't go that way.",background:"#3a7a3a"},{id:"desert",name:"Desert Road",title:"You can't go that way.",background:"#d9b874"},{id:"dungeon",name:"Dungeon",title:"You can't go that way.",background:"#2a2a32"},{id:"snow",name:"Frozen North",title:"You can't go that way.",background:"#d6e6f0"}]},{id:"runner",name:"Offline Runner",description:"A little lost robot runs across an endless desert, jumping over broken links. Press space or tap to take over.",category:"Games",kind:"2d",motion:"game",tags:["canvas","game","playable","endless-runner","pixel-art","light","keyboard","touch"],layout:"bottom",params:{sky:"#f7f7f7",ground:"#535353",ink:"#535353",accent:"#535353",far:"#e3e3e3",night:!1},presetParams:{ocean:{sky:"#bfe7ff",ground:"#c99a5a",ink:"#14466b",accent:"#ff7a3d",far:"#7fd3f0"},forest:{sky:"#e6f2d9",ground:"#3a5a2a",ink:"#2a4020",accent:"#e65a2a",far:"#b9d6a0"},mars:{sky:"#ffb38a",ground:"#7a2a12",ink:"#4a1a08",accent:"#ffe14d",far:"#e6806a"},night:{sky:"#0d1020",ground:"#cfd4ff",ink:"#cfd4ff",accent:"#ffd76b",far:"#1a1f3a",night:!0},desert:{sky:"#ffd7a8",ground:"#8a4b2a",ink:"#5a2d16",accent:"#ff5a36",far:"#f2a77a"},synth:{sky:"#140726",ground:"#ff3bd4",ink:"#29e7ff",accent:"#ff3bd4",far:"#2a0f4a",night:!0}},presets:[{id:"default",name:"Classic",title:"This page isn't available.",background:"#f7f7f7"},{id:"ocean",name:"Beach Run",title:"This page isn't available.",background:"#bfe7ff"},{id:"forest",name:"Forest",title:"This page isn't available.",background:"#e6f2d9"},{id:"mars",name:"Mars",title:"This page isn't available.",background:"#ffb38a"},{id:"night",name:"Night Run",title:"This page isn't available.",background:"#0d1020"},{id:"desert",name:"Desert Sunset",title:"This page isn't available.",background:"#ffd7a8"},{id:"synth",name:"Synthwave",title:"This page isn't available.",background:"#140726"}]},{id:"scratch-card",name:"Scratch Card",description:"A lottery scratch card. Rub off the silver foil with your cursor to reveal what you won: three matching numbers, of course.",category:"Playful",kind:"2d",motion:"interactive",tags:["canvas","scratch","lottery","interactive","funny","reveal","tactile"],layout:"bottom",params:{card:"#ffcf33",foil:"#c9ced6",foil2:"#9aa1ab",ink:"#1a1a2e",prize:"#e5484d"},presetParams:{classic:{card:"#e6e9ef",foil:"#c9ced6",foil2:"#8e949c",ink:"#14181d",prize:"#d6281a"},mint:{card:"#7fe3c0",ink:"#0b2a20",prize:"#c2185b"},neon:{card:"#ff3bd4",foil:"#d0d4ff",foil2:"#8a90c9",ink:"#12002a",prize:"#3bffd0"}},presets:[{id:"default",name:"Golden Ticket",title:"You matched three. Prize: nothing.",background:"#2a1b4a"},{id:"classic",name:"Classic Silver",title:"You matched three. Prize: nothing.",background:"#14181d"},{id:"mint",name:"Lucky Mint",title:"You matched three. Prize: nothing.",background:"#0b2a20"},{id:"neon",name:"Neon Jackpot",title:"You matched three. Prize: nothing.",background:"#12002a"}]},{id:"screensaver",name:"Screensaver",description:"The logo bounces off the edges and changes colour every time. It's waiting for the perfect corner hit, and so are you.",category:"Retro Tech",kind:"2d",motion:"live",tags:["canvas","screensaver","bounce","nostalgia","funny","dark"],layout:"bottom",params:{bg:"#000000",colors:["#ff3b3b","#ffb33b","#fff23b","#3bff6b","#3bd8ff","#7b5cff","#ff3bd8"],speed:1,crt:!1},presetParams:{neon:{bg:"#05000d",colors:["#ff00e6","#00f0ff","#ffe600","#00ff85"]},mono:{bg:"#000000",colors:["#ffffff","#bbbbbb","#777777"]},crt:{crt:!0},pastel:{bg:"#f7f3ee",colors:["#ff8fa3","#ffc06b","#7bd88f","#7bc8ff","#b49cff"]},fast:{speed:2.4}},presets:[{id:"default",name:"Classic",title:"Nothing's happening here.",background:"#000"},{id:"neon",name:"Neon",title:"Nothing's happening here.",background:"#000"},{id:"mono",name:"Monochrome",title:"Nothing's happening here.",background:"#000"},{id:"crt",name:"CRT",title:"Nothing's happening here.",background:"#000"},{id:"pastel",name:"Pastel",title:"Nothing's happening here.",background:"#f7f3ee"},{id:"fast",name:"Turbo",title:"Nothing's happening here.",background:"#000"}]},{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\u2026",links:["Getting started|/docs","Pricing|/pricing","Blog|/blog","Contact|/contact"]},presetParams:{dark:{},shop:{placeholder:"Search products\u2026",links:["New arrivals|/new","Best sellers|/best-sellers","Sale|/sale","Gift cards|/gift-cards"]},docs:{placeholder:"Search documentation\u2026",links:["Quick start|/docs/start","API reference|/docs/api","Guides|/docs/guides","Changelog|/changelog"]}},presets:[{id:"default",name:"Light",title:"We couldn\u2019t find that page",background:"#ffffff"},{id:"dark",name:"Dark",title:"We couldn\u2019t 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\u2019t 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",description:"Rows of racks blinking away happily in the cold aisle, except one, which is dark, smoking and very much not serving your page.",category:"Retro Tech",kind:"2d",motion:"live",tags:["canvas","server","datacenter","devops","funny","dark","tech"],layout:"bottom",params:{bg:"#06080c",rack:"#14171d",led:["#3dff8a","#3bd6ff","#ffb000"],dead:"#ff3b3b",fire:!1},presetParams:{blue:{bg:"#020814",rack:"#0b1426",led:["#3bd6ff","#5a7bff","#ffffff"],dead:"#ffb000"},fire:{fire:!0},white:{bg:"#e9edf2",rack:"#ffffff",led:["#16a34a","#2563eb","#d97706"]}},presets:[{id:"default",name:"Cold Aisle",title:"The server for this page is down.",background:"#06080c"},{id:"blue",name:"Blue Hall",title:"The server for this page is down.",background:"#020814"},{id:"fire",name:"On Fire",title:"This is fine.",background:"#06080c"},{id:"white",name:"Clean Room",title:"The server for this page is down.",background:"#e9edf2"}]},{id:"skyline",name:"City Lights",description:"A city at night where the lit office windows across the skyline spell out the error, reflected in the river below.",category:"Urban",kind:"2d",motion:"live",tags:["canvas","city","night","windows","skyline","pixel","calm"],layout:"top",params:{skyTop:"#050816",skyBottom:"#1d1640",building:"#0a0c16",window:"#1a1f33",lit:"#ffd27a",water:!0},presetParams:{green:{lit:"#6bffb0",skyTop:"#020a08",skyBottom:"#0d2a20"},snow:{lit:"#fff1c2",skyTop:"#1a2236",skyBottom:"#4a5a7a",building:"#0f1422",water:!1},dusk:{skyTop:"#2b2a6b",skyBottom:"#ff8a5c",building:"#1a1430",window:"#2a2448",lit:"#fff1c2"},cyber:{skyTop:"#0a0018",skyBottom:"#3a0a4a",building:"#080010",window:"#1a0a2a",lit:"#ff3bd4"},cold:{lit:"#bfe3ff",skyBottom:"#0f2240"}},presets:[{id:"default",name:"Midnight",title:"Everyone's gone home. So did the page.",background:"#070a18"},{id:"green",name:"Emerald City",title:"Everyone's gone home. So did the page.",background:"#070a18"},{id:"snow",name:"Snowy Night",title:"Everyone's gone home. So did the page.",background:"#1a2236"},{id:"dusk",name:"Dusk",title:"Everyone's gone home. So did the page.",background:"#2b2a6b"},{id:"cyber",name:"Neo City",title:"Everyone's gone home. So did the page.",background:"#0a0018"},{id:"cold",name:"Office Blue",title:"Everyone's gone home. So did the page.",background:"#070a18"}]},{id:"skywriting",name:"Skywriting",description:"A little plane loops across a clear sky, writing the error in white smoke puffs that slowly drift and fade.",category:"Playful",kind:"2d",motion:"live",tags:["canvas","sky","plane","smoke","summer","light","calm"],layout:"bottom",params:{skyTop:"#4aa3f0",skyBottom:"#cfeaff",smoke:"#ffffff",plane:"#e5484d"},presetParams:{sunset:{skyTop:"#3a3a8a",skyBottom:"#ffb38a",smoke:"#fff1e6",plane:"#1d1d22"},pink:{skyTop:"#ff9ec4",skyBottom:"#ffe6f0",smoke:"#ffffff",plane:"#5b2cff"},night:{skyTop:"#050a1f",skyBottom:"#1d2a55",smoke:"#cfe0ff",plane:"#ffd23f"}},presets:[{id:"default",name:"Summer",title:"We spelled it out for you.",background:"#8ccaf8"},{id:"sunset",name:"Sunset",title:"We spelled it out for you.",background:"#c98a8a"},{id:"pink",name:"Cotton Candy",title:"We spelled it out for you.",background:"#ffc2da"},{id:"night",name:"Searchlights",title:"We spelled it out for you.",background:"#0b1430"}]},{id:"slot-machine",name:"Jackpot",description:"A one-armed bandit that always lands on the error. Pull the lever (or press space) as often as you like.",category:"Playful",kind:"2d",motion:"interactive",tags:["dom","css-3d","casino","game","funny","interactive","neon"],layout:"bottom",params:{body:"#c4161c",trim:"#ffd166",reel:"#fffaf0",ink:"#1a1a1a",lights:"#ffe08a",symbols:["7","\u{1F352}","\u{1F514}","\u{1F34B}","\u2605","BAR","\u{1F48E}","?"]},presetParams:{candy:{body:"#ff6fb1",trim:"#fff1f8",reel:"#ffffff",ink:"#4a0f2a",lights:"#ffe6f2"},cyber:{body:"#1a1a2e",trim:"#00f0ff",reel:"#0b0b18",ink:"#00f0ff",lights:"#ff00e6"},mint:{body:"#3fb8a5",trim:"#f4efe1",reel:"#fffdf6",ink:"#1f3b37",lights:"#fff2c2"},noir:{body:"#111111",trim:"#d4af37",reel:"#f6f1e3",ink:"#111",lights:"#f5d76e"}},presets:[{id:"default",name:"Vegas",title:"Jackpot! Of nothing.",background:"#1b0b2e"},{id:"candy",name:"Candy Crush",title:"Jackpot! Of nothing.",background:"#ffd6e8"},{id:"cyber",name:"Cyber",title:"Jackpot! Of nothing.",background:"#05050f"},{id:"mint",name:"Retro Mint",title:"Jackpot! Of nothing.",background:"#f4efe1"},{id:"noir",name:"Black & Gold",title:"Jackpot! Of nothing.",background:"#050505"}]},{id:"snake",name:"Snake",description:"A snake winds around a maze shaped like the 404. It hunts by itself until you grab the arrow keys or swipe.",category:"Games",kind:"2d",motion:"game",tags:["canvas","game","playable","snake","retro","keyboard","touch"],layout:"bottom",params:{bg:"#06110b",grid:"#0b1f14",wall:"#1b3a28",snake:"#3dff8a",head:"#d9ffe9",food:"#ff4d6d",text:"#c9ffd9",speed:13},presetParams:{neon:{bg:"#0c0018",grid:"#140026",wall:"#3a0f5a",snake:"#ff3bd4",head:"#ffe6fb",food:"#3bffe6",text:"#ffd6f7"},desert:{bg:"#f2d9a8",grid:"#ead0a0",wall:"#c99a5a",snake:"#5a3a12",head:"#2a1a05",food:"#d6281a",text:"#3a2410"},mono:{bg:"#0a0a0a",grid:"#111111",wall:"#2a2a2a",snake:"#f2f2f2",head:"#ffffff",food:"#f2f2f2",text:"#f2f2f2"},nokia:{bg:"#c7d3a2",grid:"#bccb93",wall:"#5c6b3b",snake:"#2f3a1c",head:"#1a210f",food:"#2f3a1c",text:"#2f3a1c",speed:10},candy:{bg:"#fff3f8",grid:"#ffe6f0",wall:"#ffc2da",snake:"#ff4fa3",head:"#c2185b",food:"#3bb9ff",text:"#7a1442"},ocean:{bg:"#03101f",grid:"#06192e",wall:"#0d2c4a",snake:"#3bd6ff",head:"#e6faff",food:"#ffcc3b",text:"#bfeeff"}},presets:[{id:"default",name:"Neon Green",title:"The page got eaten.",background:"#06110b"},{id:"neon",name:"Synthwave",title:"The page got eaten.",background:"#0c0018"},{id:"desert",name:"Desert",title:"The page got eaten.",background:"#f2d9a8"},{id:"mono",name:"Monochrome",title:"The page got eaten.",background:"#0a0a0a"},{id:"nokia",name:"Brick Phone",title:"The page got eaten.",background:"#c7d3a2"},{id:"candy",name:"Candy",title:"The page got eaten.",background:"#fff3f8"},{id:"ocean",name:"Deep Blue",title:"The page got eaten.",background:"#03101f"}]},{id:"snow-globe",name:"Snow Globe",description:"A tiny town inside a snow globe, with a little signpost pointing to 404. Click or drag to shake it and watch the snow settle.",category:"Playful",kind:"2d",motion:"interactive",tags:["canvas","snow","winter","christmas","cozy","interactive","toy"],layout:"right",params:{bg:"#2a1f3d",bg2:"#0f0b18",water:"#bfe3ff",base:"#6b3a1e",flakes:"#ffffff",house:"#d64545"},presetParams:{rose:{bg:"#ffe6ec",bg2:"#ffc2d1",water:"#fff0f4",base:"#c2185b",house:"#7a1f4a"},ocean:{bg:"#06243a",bg2:"#010a14",water:"#bfe7ff",base:"#14466b",house:"#ffd23f"},mint:{bg:"#e6f5ef",bg2:"#c7e6da",water:"#d9fff2",base:"#2f6b57",house:"#e86a5a"},gold:{bg:"#1a1206",bg2:"#050300",water:"#fff1c9",base:"#a8822e",flakes:"#ffd77a",house:"#1d3b2a"}},presets:[{id:"default",name:"Winter Night",title:"Snowed under.",background:"#1b142a"},{id:"rose",name:"Rose",title:"Snowed under.",background:"#ffe6ec"},{id:"ocean",name:"Seaside",title:"Snowed under.",background:"#06243a"},{id:"mint",name:"Mint",title:"Snowed under.",background:"#e6f5ef"},{id:"gold",name:"Gilded",title:"Snowed under.",background:"#120c04"}]},{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:!0},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",description:"An orrery of a little solar system. Every planet circles on schedule, except the fourth orbit, which is empty and labelled 404.",category:"Space",kind:"2d",motion:"live",tags:["canvas","space","orbits","planets","science","minimal","dark"],layout:"left",params:{bg:"#05060f",sun:"#ffcf5a",orbit:"#3a3f5a",planets:["#b8b8c0","#e8b86b","#3b8fe6","#e2574c","#d9a066","#e6d29a","#7fd3e6","#4f6bff"],label:"#ff5a5a"},presetParams:{paper:{bg:"#f2ede2",sun:"#e4572e",orbit:"#b9ad96",planets:["#2a2a2a"],label:"#e4572e"},neon:{bg:"#060010",sun:"#ff3bd4",orbit:"#3a1a5a",planets:["#3bd6ff","#ffe14d","#3dff8a","#ff7a3d"],label:"#3bd6ff"}},presets:[{id:"default",name:"Night",title:"There's a gap in the orbit.",background:"#05060f"},{id:"paper",name:"Orrery Print",title:"There's a gap in the orbit.",background:"#f2ede2"},{id:"neon",name:"Neon Orbits",title:"There's a gap in the orbit.",background:"#060010"}]},{id:"split-flap",name:"Departures Board",description:"An airport split-flap board. Every letter clatters into place. Your page is cancelled, but the other flights still board.",category:"Signs & Displays",kind:"2d",motion:"live",tags:["dom","css-3d","split-flap","airport","travel","typography"],layout:"none",params:{heading:"DEPARTURES",status:"CANCELLED",alphabet:" ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789:-/.",flapMs:42,board:"#111214",cell:"#1d1e21",ink:"#f4f1e6",hot:"#ffcc33"},presetParams:{delayed:{status:"DELAYED",hot:"#ff5a3c"},gate:{heading:"GATE CHANGES",status:"GATE ???",board:"#1d1d1f",cell:"#2a2a2d",ink:"#ffd23f",hot:"#ffffff"},ferry:{heading:"SAILINGS",status:"SAILED",board:"#0b3a4a",cell:"#0f4a5e",ink:"#e6f9ff",hot:"#7fe3ff"},train:{heading:"TRAINS",status:"TERMINATED",board:"#0d2a52",cell:"#123a6e",ink:"#ffffff",hot:"#ffdd00"},arrivals:{heading:"ARRIVALS",status:"DIVERTED",hot:"#ff6b3d"},white:{board:"#e9e7e1",cell:"#fbfaf7",ink:"#151515",hot:"#e0311f"},green:{heading:"PLATFORMS",status:"DELAYED",board:"#0c1f17",cell:"#12301f",ink:"#c6ffd9",hot:"#7dff9e"}},presets:[{id:"default",name:"Airport",title:"Your page has been cancelled.",background:"#08090a"},{id:"delayed",name:"Delayed",title:"Your page is delayed. Indefinitely.",background:"#08090a"},{id:"gate",name:"Gate Change",title:"Your page has moved to an unknown gate.",background:"#08090a"},{id:"ferry",name:"Ferry Terminal",title:"Your page missed the boat.",background:"#06242e"},{id:"train",name:"Rail Station",title:"This train no longer stops here.",background:"#06162b"},{id:"arrivals",name:"Arrivals",title:"Your page never landed.",background:"#08090a"},{id:"white",name:"Terminal White",title:"Your page has been cancelled.",background:"#d9d6cf"},{id:"green",name:"Platform Green",title:"Your page has been cancelled.",background:"#06120d"}]},{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:!1},presetParams:{forest:{panel:"#14532d",panelText:"#bbf7d0"},ink:{panel:"#111111",panelText:"#fafafa",flip:!0},sky:{panel:"#38bdf8",panelText:"#082f49"}},presets:[{id:"default",name:"Coral",title:"Looks like you\u2019re lost.",background:"#ffffff"},{id:"forest",name:"Forest",title:"Looks like you\u2019re lost.",background:"#f7f7f2"},{id:"ink",name:"Ink",title:"Looks like you\u2019re lost.",background:"#fafafa"},{id:"sky",name:"Sky",title:"Looks like you\u2019re lost.",background:"#082f49"}]},{id:"stage",name:"Empty Stage",description:"The curtains part, the spotlight hunts across an empty stage, and the star of the show never walks on.",category:"Playful",kind:"2d",motion:"live",tags:["canvas","theatre","spotlight","curtains","dramatic","dark"],layout:"bottom",params:{curtain:"#9b0f1f",floor:"#3a2516",light:"#fff3d6",back:"#0d0a0c",follow:!0},presetParams:{green:{curtain:"#0f5a3a",floor:"#2a2014",light:"#f2fff6"},purple:{curtain:"#4a1a6b",floor:"#24180f",light:"#fff0ff"},blue:{curtain:"#1b2f7a",floor:"#2a2420",light:"#e6f0ff"},gold:{curtain:"#b88a2a",floor:"#2a1d10",light:"#fff8e6"},comedy:{curtain:"#2a2a2e",floor:"#1a1a1d",light:"#ffffff",back:"#121216"}},presets:[{id:"default",name:"Velvet",title:"The show must go on. This page won't.",background:"#0d0a0c"},{id:"green",name:"Emerald Theatre",title:"The show must go on. This page won't.",background:"#0d0a0c"},{id:"purple",name:"Royal Purple",title:"The show must go on. This page won't.",background:"#0d0a0c"},{id:"blue",name:"Opera Blue",title:"The show must go on. This page won't.",background:"#0d0a0c"},{id:"gold",name:"Gold Lam\xE9",title:"The show must go on. This page won't.",background:"#0d0a0c"},{id:"comedy",name:"Comedy Club",title:"Tough crowd. No page.",background:"#121216"}]},{id:"swiss-poster",name:"Swiss Poster",description:"International Typographic Style: a strict grid, huge Helvetica-style numerals bleeding off the edge, a red rule and small flush-left text.",category:"Typography",kind:"2d",motion:"static",tags:["dom","typography","swiss","minimal","grid","editorial","static","light"],layout:"none",params:{paper:"#f2efe8",ink:"#111111",red:"#e30613",cols:12},presetParams:{red:{paper:"#e30613",ink:"#ffffff",red:"#111111"},black:{paper:"#111111",ink:"#f2efe8",red:"#e30613"},blue:{paper:"#f4f4f2",ink:"#0a2a8a",red:"#ff5a1f"}},presets:[{id:"default",name:"Z\xFCrich",title:"Seite nicht gefunden. Page not found.",background:"#f2efe8"},{id:"red",name:"Rot",title:"Seite nicht gefunden. Page not found.",background:"#e30613"},{id:"black",name:"Schwarz",title:"Seite nicht gefunden. Page not found.",background:"#111"},{id:"blue",name:"Basel Blue",title:"Seite nicht gefunden. Page not found.",background:"#f4f4f2"}]},{id:"terminal",name:"Terminal",description:"A real little shell. It types out its own error, then hands you the prompt: try help, ls, cd or sudo.",category:"Retro Tech",kind:"2d",motion:"interactive",tags:["dom","terminal","cli","developer","interactive","keyboard","accessible"],layout:"none",params:{user:"guest",host:"site",chrome:"mac",crt:!1,speed:1,banner:!0,shell:"zsh"},presetParams:{solarized:{},nord:{},monokai:{},light:{chrome:"mac"},commodore:{chrome:"none",crt:!0,shell:"bash",user:"ready",host:"64k"},green:{chrome:"none",crt:!0,shell:"bash"},amber:{chrome:"none",crt:!0,shell:"bash"},paper:{chrome:"plain"},shell:{chrome:"plain",shell:"ps",user:"PS",host:"C:"},dracula:{},hacker:{chrome:"none",crt:!0,user:"root",host:"mainframe",shell:"bash"}},presets:[{id:"default",name:"Modern",title:"No such file or directory",background:"#0d1117"},{id:"solarized",name:"Solarized",title:"No such file or directory",background:"#002b36"},{id:"nord",name:"Nord",title:"No such file or directory",background:"#2e3440"},{id:"monokai",name:"Monokai",title:"No such file or directory",background:"#1e1f1c"},{id:"light",name:"Light",title:"No such file or directory",background:"#e8eaed"},{id:"commodore",name:"Home Computer",title:"No such file or directory",background:"#3e31a2"},{id:"green",name:"Green Phosphor",title:"No such file or directory",background:"#020a03"},{id:"amber",name:"Amber Phosphor",title:"No such file or directory",background:"#0c0700"},{id:"paper",name:"Paper",title:"No such file or directory",background:"#e9e5dc"},{id:"shell",name:"Blue Shell",title:"No such file or directory",background:"#012456"},{id:"dracula",name:"Vampire",title:"No such file or directory",background:"#1e1f29"},{id:"hacker",name:"Red Team",title:"No such file or directory",background:"#0a0000"}]},{id:"thunderstorm",name:"Thunderstorm",description:"A storm rolls over a dark plain. Every lightning flash lights up the clouds, and for a split second the error shows in them.",category:"Nature",kind:"2d",motion:"live",tags:["canvas","storm","lightning","rain","dramatic","dark","weather"],layout:"bottom",params:{sky:"#0a0d14",cloud:"#2a3140",ground:"#05070a",bolt:"#e6eeff",rain:1,every:3.2},presetParams:{purple:{sky:"#120a1f",cloud:"#3a2a55",bolt:"#f0dcff"},dust:{sky:"#2a1a0d",cloud:"#6b4a2a",ground:"#1a0f05",bolt:"#fff2d6",rain:.2},sea:{sky:"#05121a",cloud:"#1d3440",ground:"#020a10",bolt:"#d6f2ff",rain:1.4,every:2.4}},presets:[{id:"default",name:"Night Storm",title:"This page was struck by lightning.",background:"#0a0d14"},{id:"purple",name:"Violet Storm",title:"This page was struck by lightning.",background:"#120a1f"},{id:"dust",name:"Dust Storm",title:"This page was struck by lightning.",background:"#2a1a0d"},{id:"sea",name:"Storm at Sea",title:"This page was struck by lightning.",background:"#05121a"}]},{id:"topographic",name:"Topographic",description:"A survey map with contour lines curving round the terrain, and the error rising out of it as a plateau. The contours drift slowly as the land shifts.",category:"Abstract",kind:"2d",motion:"live",tags:["webgl","map","contours","minimal","light","elegant","cartography"],layout:"bottom-left",params:{paper:"#f4f1e8",line:"#8a6a4a",accent:"#e4572e",spacing:.045,tint:!1,low:"#dfe9d0",high:"#f2e4c4"},presetParams:{night:{paper:"#0b1410",line:"#3dff8a",accent:"#ffffff",spacing:.05},tinted:{tint:!0,low:"#cfe3c4",high:"#f2d9b0",line:"#5a4a32",accent:"#c1121f"},blue:{paper:"#e6f1fa",line:"#1d4e89",accent:"#ff6b35",tint:!0,low:"#9fc9ec",high:"#e6f1fa"},ink:{paper:"#111111",line:"#e6e6e6",accent:"#ffcc00",spacing:.035}},presets:[{id:"default",name:"Survey",title:"Off the map.",background:"#f4f1e8"},{id:"night",name:"Night Ops",title:"Off the map.",background:"#0b1410"},{id:"tinted",name:"Hypsometric",title:"Off the map.",background:"#e6e6cf"},{id:"blue",name:"Bathymetry",title:"Sunk below the soundings.",background:"#e6f1fa"},{id:"ink",name:"Ink on Black",title:"Off the map.",background:"#111"}]},{id:"torn-page",name:"Torn Page",description:"The page you wanted, ripped in two. The halves drift apart to show the 404 beneath and lean toward your cursor.",category:"Paper & Print",kind:"2d",motion:"live",tags:["dom","paper","torn","light","tactile","minimal"],layout:"center",params:{paper:"#fbfaf6",line:"#e6e2d8",under:"#141414",tear:"diagonal"},presetParams:{mint:{paper:"#e9f7f0",line:"#cfe9dc",under:"#0f3b2a",tear:"horizontal"},newsprint:{paper:"#ebe6da",line:"#d6d0c2",under:"#c1121f"},cobalt:{paper:"#ffffff",line:"#e6ebf5",under:"#1d3fd6",tear:"horizontal"},kraft:{paper:"#d9b88a",line:"#c6a273",under:"#2a1d10",tear:"horizontal"},blueprint:{paper:"#1f4e8c",line:"#3a6aa8",under:"#f2f6fb"},red:{paper:"#d7263d",line:"#c21f35",under:"#fff4e8",tear:"horizontal"},midnight:{paper:"#1c1d22",line:"#26272e",under:"#f3d35c"}},presets:[{id:"default",name:"Notebook",title:"Someone tore this page out.",background:"#e7e3da"},{id:"mint",name:"Mint Stationery",title:"Someone tore this page out.",background:"#d4ebdf"},{id:"newsprint",name:"Newsprint",title:"Someone tore this page out.",background:"#dcd6c8"},{id:"cobalt",name:"Cobalt",title:"Someone tore this page out.",background:"#e9eef8"},{id:"kraft",name:"Kraft",title:"Someone tore this page out.",background:"#c9ab80"},{id:"blueprint",name:"Blueprint",title:"Someone tore this page out.",background:"#163b6b"},{id:"red",name:"Red Envelope",title:"Someone tore this page out.",background:"#b81d31"},{id:"midnight",name:"Midnight",title:"Someone tore this page out.",background:"#111216"}]},{id:"treasure-map",name:"Here Be Dragons",description:"An old parchment chart. The dotted route draws itself out past the known coast to an X in open water, where a sea serpent waits.",category:"Paper & Print",kind:"2d",motion:"live",tags:["canvas","map","pirate","vintage","illustration","light","adventure"],layout:"bottom-left",params:{paper:"#ead6ab",land:"#d8bd85",ink:"#4a2f17",sea:"#8a6a43",red:"#a3241a",serpent:!0},presetParams:{tropic:{paper:"#f2e2b8",land:"#9fcf7a",ink:"#3a2a12",sea:"#3a8aa8",red:"#d6281a"},blueprint:{paper:"#1c4f8f",land:"#2a64a8",ink:"#e6f0ff",sea:"#9fc3ff",red:"#ffd23f",serpent:!0},night:{paper:"#1d2433",land:"#2a3346",ink:"#c9b78d",sea:"#7f8aa6",red:"#e2574c"},nautical:{paper:"#eef1ea",land:"#e7dcc0",ink:"#1f3550",sea:"#5d7896",red:"#c0392b",serpent:!1},sepia:{paper:"#d9c3a0",land:"#c9ad80",ink:"#2e1c0e",sea:"#6b4f33",red:"#7a1d14"}},presets:[{id:"default",name:"Parchment",title:"Ye've sailed off the map.",background:"#ead6ab"},{id:"tropic",name:"Tropical Chart",title:"Ye've sailed off the map.",background:"#f2e2b8"},{id:"blueprint",name:"Blueprint Chart",title:"Ye've sailed off the map.",background:"#1c4f8f"},{id:"night",name:"Night Chart",title:"Ye've sailed off the map.",background:"#1d2433"},{id:"nautical",name:"Admiralty",title:"Ye've sailed off the map.",background:"#eef1ea"},{id:"sepia",name:"Sepia",title:"Ye've sailed off the map.",background:"#d9c3a0"}]},{id:"typewriter",name:"Typewriter",description:"An old typewriter types you a short, polite letter about the missing page, one clack at a time.",category:"Paper & Print",kind:"2d",motion:"live",tags:["dom","typewriter","vintage","letter","light","editorial","warm"],layout:"none",params:{paper:"#fbf8f1",ink:"#1f1d1a",desk:"#3b2a1e",speed:28,letter:["Dear visitor,","","We regret to inform you that the page you","requested could not be found. We have looked","in the drawers, under the blotter and behind","the filing cabinet.","","It may have moved, or it may never have been.","","Yours faithfully,","The Management"]},presetParams:{noir:{paper:"#efe8d6",ink:"#1a1a1a",desk:"#141414",letter:["CASE FILE 404","","Subject: one (1) web page.","Last seen: this address.","Status: missing.","","Leads: none. Suspects: a broken link.","Recommendation: return to the homepage.","","\u2014 Det. Lostpage"]},love:{paper:"#fff3f3",ink:"#6b0f1a",desk:"#c98a8a",letter:["My dearest visitor,","","I waited for you at this address,","but the page and I were never meant to be.","","Go home. I'll be fine.","","Forever not found,","404"]},telegram:{paper:"#f2e6b8",ink:"#111",desk:"#1d2a2a",letter:["TELEGRAM","","PAGE NOT FOUND STOP","SEARCHED EVERYWHERE STOP","PLEASE RETURN TO HOMEPAGE STOP","","END"]}},presets:[{id:"default",name:"Office",title:"A letter about your page",background:"#3b2a1e"},{id:"noir",name:"Detective's Report",title:"A letter about your page",background:"#141414"},{id:"love",name:"Love Letter",title:"A letter about your page",background:"#c98a8a"},{id:"telegram",name:"Telegram",title:"A letter about your page",background:"#1d2a2a"}]},{id:"ufo",name:"Abducted",description:"A flying saucer hovers over a quiet field and beams your page up, page by page. Move the pointer and it follows.",category:"Space",kind:"2d",motion:"live",tags:["canvas","ufo","aliens","funny","night","illustration","interactive"],layout:"bottom",params:{skyTop:"#050a1f",skyBottom:"#1b2a55",ground:"#0b1a14",ship:"#c9d1de",beam:"#b7ffcf",lights:["#ff5a5a","#ffd25a","#5affb0","#5ac8ff"],stars:!0},presetParams:{city:{skyTop:"#0a0618",skyBottom:"#3a1f5a",ground:"#0d0a14",ship:"#d9dce6",beam:"#d9b3ff",lights:["#ff3bd4","#3bd6ff","#ffffff"]},snow:{skyTop:"#1a2a44",skyBottom:"#7a94b8",ground:"#e6eef6",ship:"#a9b4c4",beam:"#fff6c2",stars:!0},desert:{skyTop:"#1a0f2e",skyBottom:"#c4623a",ground:"#5a2e1a",beam:"#fff2b3",ship:"#e0d6c8"},retro:{skyTop:"#0d0d0d",skyBottom:"#3a3a3a",ground:"#151515",ship:"#e6e6e6",beam:"#ffffff",lights:["#ffffff","#bbbbbb"],stars:!0},day:{skyTop:"#6fb6ff",skyBottom:"#d9f0ff",ground:"#5aa35a",ship:"#8a94a6",beam:"#fff6a6",stars:!1}},presets:[{id:"default",name:"Farm Night",title:"Your page was abducted.",background:"#0b1a14"},{id:"city",name:"City Rooftops",title:"Your page was abducted.",background:"#0d0a14"},{id:"snow",name:"Snowfield",title:"Your page was abducted.",background:"#e6eef6"},{id:"desert",name:"Desert",title:"Your page was abducted.",background:"#5a2e1a"},{id:"retro",name:"B-Movie",title:"Your page was abducted.",background:"#151515"},{id:"day",name:"Broad Daylight",title:"Your page was abducted.",background:"#5aa35a"}]},{id:"unplugged",name:"Unplugged",description:"Someone pulled the plug on this page. Drag the plug back into the socket and you'll be taken home.",category:"Physics",kind:"2d",motion:"live",tags:["canvas","physics","rope","drag","interactive","funny","light"],layout:"bottom-left",params:{wall:"#f1eee8",cable:"#1d1d1f",plug:"#2a2a2c",socket:"#ffffff",spark:"#ffd23f"},presetParams:{mint:{wall:"#dff5ec",cable:"#0f3b2a",plug:"#0f3b2a",socket:"#ffffff",spark:"#ffb000"},dark:{wall:"#18191c",cable:"#e9e9ea",plug:"#d9d9dc",socket:"#2a2c31",spark:"#5ad1ff"},orange:{wall:"#ff6a2b",cable:"#1b1b1b",plug:"#1b1b1b",socket:"#fff4ec",spark:"#fff36b"}},presets:[{id:"default",name:"Studio",title:"Someone pulled the plug.",background:"#f1eee8"},{id:"mint",name:"Mint",title:"Someone pulled the plug.",background:"#dff5ec"},{id:"dark",name:"After Hours",title:"Someone pulled the plug.",background:"#18191c"},{id:"orange",name:"Safety Orange",title:"Someone pulled the plug.",background:"#ff6a2b"}]},{id:"vending-machine",name:"Sold Out",description:"A glowing vending machine where every slot is stocked except yours. Type the code into the keypad and watch what happens.",category:"Playful",kind:"2d",motion:"interactive",tags:["dom","vending","funny","interactive","retro","neon","keypad"],layout:"right",params:{body:"#d62839",glass:"#0d1424",accent:"#3dff8a"},presetParams:{green:{body:"#2a7a4a",glass:"#06140c",accent:"#ffd23f"},blue:{body:"#1f4e9c",glass:"#081020",accent:"#7fd3ff"},tokyo:{body:"#f2f2f2",glass:"#101418",accent:"#ff3b5c"}},presets:[{id:"default",name:"Cola Red",title:"This one's sold out.",background:"#121826"},{id:"green",name:"Tea Machine",title:"This one's sold out.",background:"#121826"},{id:"blue",name:"Midnight Blue",title:"This one's sold out.",background:"#121826"},{id:"tokyo",name:"Tokyo White",title:"This one's sold out.",background:"#e7e9ee"}]},{id:"vinyl",name:"Broken Record",description:"A turntable spins a record pressed with the error. Every few seconds the needle skips back and the same groove plays again.",category:"Retro Tech",kind:"2d",motion:"live",tags:["canvas","vinyl","music","turntable","retro","warm","illustration"],layout:"right",params:{deck:"#d9cbb4",record:"#111111",label:"#e4572e",labelInk:"#fff4e6",bg:"#f2e8d8"},presetParams:{black:{deck:"#1d1d20",record:"#0a0a0a",label:"#f2f2f2",labelInk:"#111111",bg:"#0e0e10"},color:{deck:"#f4f1ea",record:"#c2185b",label:"#ffd23f",labelInk:"#3a0a22",bg:"#ffe6ee"},jazz:{deck:"#16202e",record:"#0b0b0b",label:"#2b59ff",labelInk:"#ffffff",bg:"#0d1622"}},presets:[{id:"default",name:"Walnut",title:"Sounds like a broken record.",background:"#f2e8d8"},{id:"black",name:"Studio Black",title:"Sounds like a broken record.",background:"#0e0e10"},{id:"color",name:"Coloured Vinyl",title:"Sounds like a broken record.",background:"#ffe6ee"},{id:"jazz",name:"Blue Note",title:"Sounds like a broken record.",background:"#0d1622"}]},{id:"voxel-404",name:"Voxel Blocks",description:"The error built out of chunky 3D blocks, grass on top and dirt underneath, turning slowly on its own little patch of ground.",category:"Typography",kind:"3d",motion:"live",tags:["webgl","voxel","blocks","3d","pixel","game","playful"],layout:"bottom",params:{top:"#5fbf3a",side:"#8a5a32",side2:"#7a4e2a",bg:"#8fd0ff",bg2:"#d9f0ff",ground:"#c9e6b8",depth:4,look:0},presetParams:{snow:{top:"#ffffff",side:"#7a8a99",side2:"#6b7a88",bg:"#c9d8e6",bg2:"#f2f6fa",ground:"#ffffff"},desert:{top:"#f2d9a0",side:"#d9b874",side2:"#c9a35a",bg:"#ffb38a",bg2:"#ffe6c7",ground:"#f2d9a0",look:1},candy:{top:"#ffc2d9",side:"#ff8fb1",side2:"#b9a6ff",bg:"#fff2f8",bg2:"#ffffff",ground:"#ffe6f0",look:1},nether:{top:"#ff5a1f",side:"#6b1a1a",side2:"#4a1010",bg:"#1a0505",bg2:"#3a0a08",ground:"#2a0808",look:1},neon:{top:"#3bffe6",side:"#0a1a2a",side2:"#081420",bg:"#02060c",bg2:"#06101c",ground:"#02060c",look:2}},presets:[{id:"default",name:"Grassland",title:"This part of the world isn't generated.",background:"#b9e2ff"},{id:"snow",name:"Tundra",title:"This part of the world isn't generated.",background:"#e6eef5"},{id:"desert",name:"Sandstone",title:"This part of the world isn't generated.",background:"#ffd8b8"},{id:"candy",name:"Candy Blocks",title:"This part of the world isn't generated.",background:"#fff2f8"},{id:"nether",name:"Netherrack",title:"This part of the world isn't generated.",background:"#1a0505"},{id:"neon",name:"Wireframe",title:"This part of the world isn't generated.",background:"#02060c"}]},{id:"wormhole",name:"Wormhole",description:"An endless flight down a curving 3D tunnel toward the light at the end. Steer it with the pointer.",category:"Space",kind:"3d",motion:"live",tags:["webgl","raymarching","tunnel","neon","flight","synthwave","sci-fi"],layout:"center",params:{a:"#ff2bd6",b:"#22d3ff",glow:"#fff1ff",base:"#07020f",speed:1,style:0,radius:2.4,fog:.035},presetParams:{sunset:{a:"#ff7a1f",b:"#b026ff",glow:"#ffe2c2",base:"#12030f",style:0},gold:{a:"#ffd36b",b:"#fff2c9",glow:"#fff8e6",base:"#0d0802",style:1,radius:2.8},toxic:{a:"#5ac83a",b:"#e6ff6b",glow:"#f0ffd0",base:"#0b1a05",style:2,fog:.05},mono:{a:"#ffffff",b:"#9a9a9a",glow:"#ffffff",base:"#000000",style:0,speed:.7},rings:{a:"#ffb547",b:"#ff5a36",glow:"#fff4e0",base:"#0a0603",style:1,radius:2.6},organic:{a:"#b8324f",b:"#ffc2a8",glow:"#ffe0d4",base:"#2a060e",style:2,radius:2.2,fog:.05},data:{a:"#39ff88",b:"#00b3ff",glow:"#d9ffe9",base:"#010604",style:3,radius:2.3},ice:{a:"#bfe9ff",b:"#5fb7ff",glow:"#ffffff",base:"#0b2a44",style:1,radius:2.5,fog:.045,speed:.6}},presets:[{id:"default",name:"Neon Grid",title:"This wormhole goes nowhere.",background:"#07020f"},{id:"sunset",name:"Sunset Grid",title:"This wormhole goes nowhere.",background:"#12030f"},{id:"gold",name:"Golden Rings",title:"This wormhole goes nowhere.",background:"#0d0802"},{id:"toxic",name:"Toxic Gut",title:"Swallowed by the internet.",background:"#0b1a05"},{id:"mono",name:"Wireframe",title:"This wormhole goes nowhere.",background:"#000"},{id:"rings",name:"Light Rings",title:"This wormhole goes nowhere.",background:"#0a0603"},{id:"organic",name:"Organic",title:"This page got eaten.",background:"#2a060e"},{id:"data",name:"Data Stream",title:"Lost in transit.",background:"#010604"},{id:"ice",name:"Ice Cave",title:"This wormhole goes nowhere.",background:"#0b2a44"}]},{id:"zen-garden",name:"Zen Garden",description:"A raked sand garden with three stones, the error drawn into the gravel. Drag to rake new lines and breathe.",category:"Nature",kind:"2d",motion:"interactive",tags:["canvas","zen","calm","sand","draw","interactive","light","minimal"],layout:"bottom",params:{sand:"#e8e1d3",groove:"#c9bfa9",stone:"#6b6760",moss:"#6b8a4a"},presetParams:{moss:{sand:"#d9dcc9",groove:"#b8bca5",stone:"#4a4a44",moss:"#3a6a2a"},dark:{sand:"#2a2a2c",groove:"#1b1b1d",stone:"#8a8a8f",moss:"#4a6a3a"},rose:{sand:"#efd9d2",groove:"#d8bdb3",stone:"#7a6a66",moss:"#7a8a5a"}},presets:[{id:"default",name:"Kyoto",title:"Let go of this page.",background:"#e8e1d3"},{id:"moss",name:"Moss Garden",title:"Let go of this page.",background:"#d9dcc9"},{id:"dark",name:"Black Gravel",title:"Let go of this page.",background:"#2a2a2c"},{id:"rose",name:"Rose Sand",title:"Let go of this page.",background:"#efd9d2"}]}];export{catalog};