1"use strict";(globalThis.webpackChunkelysium_docs=globalThis.webpackChunkelysium_docs||[]).push([[2716],{2635(e,n,t){t.r(n),t.d(n,{assets:()=>d,contentTitle:()=>o,default:()=>h,frontMatter:()=>i,metadata:()=>r,toc:()=>l});const r=JSON.parse('{"id":"alpha-lab/card-designer/index","title":"What is the Card Designer?","description":"ELYSIUM is a no-code AR worldbuilding platform. The Card Designer is the part of ELYSIUM that lets anyone \u2014 without any 3D modeling experience \u2014 build cards that can be deployed into augmented reality. It runs entirely in your browser and gives you a real-time 3D preview, so what you see is exactly what you get.","source":"@site/docs/alpha-lab/card-designer/index.md","sourceDirName":"alpha-lab/card-designer","slug":"/alpha-lab/card-designer/","permalink":"/alpha-lab/card-designer/","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":1,"frontMatter":{"sidebar_position":1},"sidebar":"guide","previous":{"title":"Card Designer","permalink":"/alpha-lab/card-designer"},"next":{"title":"Getting Started","permalink":"/alpha-lab/card-designer/getting-started"}}');var a=t(4848),s=t(8453);const i={sidebar_position:1},o="What is the Card Designer?",d={},l=[{value:"What can you make?",id:"what-can-you-make",level:2},{value:"What you'll be able to do",id:"what-youll-be-able-to-do",level:2},{value:"Cloud features",id:"cloud-features",level:2},{value:"Before you start",id:"before-you-start",level:2}];function c(e){const n={a:"a",h1:"h1",h2:"h2",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,s.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.header,{children:(0,a.jsx)(n.h1,{id:"what-is-the-card-designer",children:"What is the Card Designer?"})}),"\n",(0,a.jsxs)(n.p,{children:["ELYSIUM is a no-code AR worldbuilding platform. The ",(0,a.jsx)(n.strong,{children:"Card Designer"})," is the part of ELYSIUM that lets anyone \u2014 without any 3D modeling experience \u2014 build cards that can be deployed into augmented reality. It runs entirely in your browser and gives you a real-time 3D preview, so what you see is exactly what you get."]}),"\n",(0,a.jsxs)(n.p,{children:["Open it directly at ",(0,a.jsx)(n.a,{href:"https://alpha.elysium.ar",children:"https://alpha.elysium.ar"}),"."]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Card Designer workspace with a finished card design visible in the 3D canvas",src:t(8244).A+"",width:"2880",height:"1404"})}),"\n",(0,a.jsx)(n.h2,{id:"what-can-you-make",children:"What can you make?"}),"\n",(0,a.jsxs)(n.p,{children:["The Card Designer is a ",(0,a.jsx)(n.strong,{children:"templating system"}),'. Each project is like a "world" that can hold one or more reusable card templates. There are two card types:']}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["\n",(0,a.jsxs)(n.p,{children:[(0,a.jsx)(n.strong,{children:"AR Cards"})," \u2014 Portrait-style collectible cards (like a tarot, trading, or profile card) that trigger augmented reality experiences. Perfect for interactive content, digital collectibles, or branded AR campaigns."]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Finished AR card \u2014 portrait orientation",src:t(5103).A+"",width:"1200",height:"1200"})}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["\n",(0,a.jsxs)(n.p,{children:[(0,a.jsx)(n.strong,{children:"Loyalty Cards"})," \u2014 Landscape-style cards with the form factor of a credit or discount card. Great for world loyalty programs, branded membership cards, and currency systems."]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Finished Loyalty card \u2014 landscape orientation with QR code and branding",src:t(1814).A+"",width:"1640",height:"1200"})}),"\n"]}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"Both card types share the same designer \u2014 only the content section and card dimensions change."}),"\n",(0,a.jsx)(n.h2,{id:"what-youll-be-able-to-do",children:"What you'll be able to do"}),"\n",(0,a.jsx)(n.p,{children:"By the end of this guide you'll know how to:"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsx)(n.li,{children:"Set up a project and pick a card type"}),"\n",(0,a.jsx)(n.li,{children:"Compose a 3D canvas with backgrounds, HDRI lighting, and color tints"}),"\n",(0,a.jsx)(n.li,{children:"Add front/back artwork, foreground overlays, brand logos, and stickers"}),"\n",(0,a.jsx)(n.li,{children:"Write rich text content with custom fonts, sizing, and layout"}),"\n",(0,a.jsx)(n.li,{children:"Tune the card's material, edge finish, glow, lighting, and animation"}),"\n",(0,a.jsx)(n.li,{children:"Export the design as a GLB 3D model or PNG image"}),"\n",(0,a.jsx)(n.li,{children:"Save to the cloud and share password-protected links"}),"\n"]}),"\n",(0,a.jsx)(n.h2,{id:"cloud-features",children:"Cloud features"}),"\n",(0,a.jsxs)(n.p,{children:["Create a free ",(0,a.jsx)(n.a,{href:"./your-account",children:"ELYSIUM account"})," to unlock:"]}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"Cloud save"})," \u2014 Access your designs from any device"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"Cross-device sharing"})," \u2014 Share password-protected links with anyone"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"Collaboration"})," \u2014 Let others view, copy, or claim your cards"]}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:"Everything works locally without an account too \u2014 you can always create one later."}),"\n",(0,a.jsx)(n.h2,{id:"before-you-start",children:"Before you start"}),"\n",(0,a.jsx)(n.p,{children:"All you need is a modern web browser (Chrome, Firefox, Edge, or Safari). Everything runs in the browser. For the best experience, use a desktop or laptop with a screen at least 1024 px wide."})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(c,{...e})}):c(e)}},8244(e,n,t){t.d(n,{A:()=>r});const r=t.p+"assets/images/1-30a8bd23e43032d8d9cce3e7bc14b4a8.png"},5103(e,n,t){t.d(n,{A:()=>r});
1const r=t.p+"assets/images/2-5da6af86bb3a33ccd8c313112941381a.png"},1814(e,n,t){t.d(n,{A:()=>r});const r=t.p+"assets/images/3-29f2cfe086bb22d1538980bb1df23fa4.png"},8453(e,n,t){t.d(n,{R:()=>i,x:()=>o});var r=t(6540);const a={},s=r.createContext(a);function i(e){const n=r.useContext(s);return r.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function o(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:i(e.components),r.createElement(s.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.