[{"data":1,"prerenderedAt":1692},["ShallowReactive",2],{"navigation":3,"\u002Fdocs\u002Fadmin-guides\u002Fcontent\u002Fdesign-studio":253,"\u002Fdocs\u002Fadmin-guides\u002Fcontent\u002Fdesign-studio-surround":1687},[4,18,228],{"title":5,"path":6,"stem":7,"children":8,"icon":17},"Getting Started","\u002Fdocs\u002Fgetting-started","1.docs\u002F1.getting-started\u002F1.index",[9,12],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-home",{"title":13,"path":14,"stem":15,"icon":16},"Quick Start","\u002Fdocs\u002Fgetting-started\u002Finstallation","1.docs\u002F1.getting-started\u002F2.installation","i-lucide-rocket",false,{"title":19,"icon":17,"path":20,"stem":21,"children":22},"Admin Guides","\u002Fdocs\u002Fadmin-guides","1.docs\u002F2.admin-guides\u002F1.index",[23,25,34,43,62,87,111,145,170],{"title":19,"path":20,"stem":21,"icon":24},"i-lucide-book-open",{"title":26,"icon":17,"path":27,"stem":28,"children":29,"page":17},"Programs","\u002Fdocs\u002Fadmin-guides\u002Fprograms","1.docs\u002F2.admin-guides\u002F0.programs",[30],{"title":26,"path":31,"stem":32,"icon":33},"\u002Fdocs\u002Fadmin-guides\u002Fprograms\u002Fprograms","1.docs\u002F2.admin-guides\u002F0.programs\u002F1.programs","i-lucide-layout-grid",{"title":35,"icon":17,"path":36,"stem":37,"children":38,"page":17},"Dashboard","\u002Fdocs\u002Fadmin-guides\u002Fdashboard","1.docs\u002F2.admin-guides\u002F1.dashboard",[39],{"title":35,"path":40,"stem":41,"icon":42},"\u002Fdocs\u002Fadmin-guides\u002Fdashboard\u002Fdashboard","1.docs\u002F2.admin-guides\u002F1.dashboard\u002F1.dashboard","i-lucide-layout-dashboard",{"title":44,"icon":17,"path":45,"stem":46,"children":47,"page":17},"Members","\u002Fdocs\u002Fadmin-guides\u002Fmembers","1.docs\u002F2.admin-guides\u002F2.members",[48,52,57],{"title":44,"path":49,"stem":50,"icon":51},"\u002Fdocs\u002Fadmin-guides\u002Fmembers\u002Fmembers","1.docs\u002F2.admin-guides\u002F2.members\u002F1.members","i-lucide-users",{"title":53,"path":54,"stem":55,"icon":56},"Companies","\u002Fdocs\u002Fadmin-guides\u002Fmembers\u002Fcompanies","1.docs\u002F2.admin-guides\u002F2.members\u002F2.companies","i-lucide-building-2",{"title":58,"path":59,"stem":60,"icon":61},"Communicate","\u002Fdocs\u002Fadmin-guides\u002Fmembers\u002Fcommunicate","1.docs\u002F2.admin-guides\u002F2.members\u002F3.communicate","i-lucide-mail",{"title":63,"icon":17,"path":64,"stem":65,"children":66,"page":17},"Rewards","\u002Fdocs\u002Fadmin-guides\u002Frewards","1.docs\u002F2.admin-guides\u002F3.rewards",[67,72,77,82],{"title":68,"path":69,"stem":70,"icon":71},"Rewards Catalog","\u002Fdocs\u002Fadmin-guides\u002Frewards\u002Frewards-catalog","1.docs\u002F2.admin-guides\u002F3.rewards\u002F1.rewards-catalog","i-lucide-gift",{"title":73,"path":74,"stem":75,"icon":76},"Orders","\u002Fdocs\u002Fadmin-guides\u002Frewards\u002Forders","1.docs\u002F2.admin-guides\u002F3.rewards\u002F2.orders","i-lucide-shopping-cart",{"title":78,"path":79,"stem":80,"icon":81},"Points Import","\u002Fdocs\u002Fadmin-guides\u002Frewards\u002Fpoints-import","1.docs\u002F2.admin-guides\u002F3.rewards\u002F3.points-import","i-lucide-upload",{"title":83,"path":84,"stem":85,"icon":86},"Fund","\u002Fdocs\u002Fadmin-guides\u002Frewards\u002Ffund","1.docs\u002F2.admin-guides\u002F3.rewards\u002F4.fund","i-lucide-wallet",{"title":88,"icon":17,"path":89,"stem":90,"children":91,"page":17},"Data","\u002Fdocs\u002Fadmin-guides\u002Fdata","1.docs\u002F2.admin-guides\u002F4.data",[92,97,102,106],{"title":93,"path":94,"stem":95,"icon":96},"Data Buckets","\u002Fdocs\u002Fadmin-guides\u002Fdata\u002Fdata-buckets","1.docs\u002F2.admin-guides\u002F4.data\u002F1.data-buckets","i-lucide-database",{"title":98,"path":99,"stem":100,"icon":101},"Targets","\u002Fdocs\u002Fadmin-guides\u002Fdata\u002Ftargets","1.docs\u002F2.admin-guides\u002F4.data\u002F2.targets","i-lucide-target",{"title":103,"path":104,"stem":105,"icon":81},"Data Imports","\u002Fdocs\u002Fadmin-guides\u002Fdata\u002Fdata-imports","1.docs\u002F2.admin-guides\u002F4.data\u002F3.data-imports",{"title":107,"path":108,"stem":109,"icon":110},"Target Points Rules","\u002Fdocs\u002Fadmin-guides\u002Fdata\u002Ftarget-points-rules","1.docs\u002F2.admin-guides\u002F4.data\u002F4.target-points-rules","i-lucide-calculator",{"title":112,"icon":17,"path":113,"stem":114,"children":115,"page":17},"Apps","\u002Fdocs\u002Fadmin-guides\u002Fapps","1.docs\u002F2.admin-guides\u002F5.apps",[116,121,125,130,135,140],{"title":117,"path":118,"stem":119,"icon":120},"Leaderboards","\u002Fdocs\u002Fadmin-guides\u002Fapps\u002Fleaderboards","1.docs\u002F2.admin-guides\u002F5.apps\u002F1.leaderboards","i-lucide-trophy",{"title":122,"path":123,"stem":124,"icon":101},"Target Trackers","\u002Fdocs\u002Fadmin-guides\u002Fapps\u002Ftarget-trackers","1.docs\u002F2.admin-guides\u002F5.apps\u002F2.target-trackers",{"title":126,"path":127,"stem":128,"icon":129},"Awards","\u002Fdocs\u002Fadmin-guides\u002Fapps\u002Fawards","1.docs\u002F2.admin-guides\u002F5.apps\u002F3.awards","i-lucide-medal",{"title":131,"path":132,"stem":133,"icon":134},"Tiers","\u002Fdocs\u002Fadmin-guides\u002Fapps\u002Ftiers","1.docs\u002F2.admin-guides\u002F5.apps\u002F4.tiers","i-lucide-layers",{"title":136,"path":137,"stem":138,"icon":139},"Claims","\u002Fdocs\u002Fadmin-guides\u002Fapps\u002Fclaims","1.docs\u002F2.admin-guides\u002F5.apps\u002F5.claims","i-lucide-file-check",{"title":141,"path":142,"stem":143,"icon":144},"Quizzes","\u002Fdocs\u002Fadmin-guides\u002Fapps\u002Fquizzes","1.docs\u002F2.admin-guides\u002F5.apps\u002F6.quizzes","i-lucide-help-circle",{"title":146,"icon":17,"path":147,"stem":148,"children":149,"page":17},"Content","\u002Fdocs\u002Fadmin-guides\u002Fcontent","1.docs\u002F2.admin-guides\u002F6.content",[150,155,160,165],{"title":151,"path":152,"stem":153,"icon":154},"Articles","\u002Fdocs\u002Fadmin-guides\u002Fcontent\u002Farticles","1.docs\u002F2.admin-guides\u002F6.content\u002F1.articles","i-lucide-newspaper",{"title":156,"path":157,"stem":158,"icon":159},"Pages","\u002Fdocs\u002Fadmin-guides\u002Fcontent\u002Fpages","1.docs\u002F2.admin-guides\u002F6.content\u002F2.pages","i-lucide-file-text",{"title":161,"path":162,"stem":163,"icon":164},"Menus","\u002Fdocs\u002Fadmin-guides\u002Fcontent\u002Fmenus","1.docs\u002F2.admin-guides\u002F6.content\u002F3.menus","i-lucide-menu",{"title":166,"path":167,"stem":168,"icon":169},"Design Studio","\u002Fdocs\u002Fadmin-guides\u002Fcontent\u002Fdesign-studio","1.docs\u002F2.admin-guides\u002F6.content\u002F4.design-studio","i-lucide-palette",{"title":171,"icon":17,"path":172,"stem":173,"children":174,"page":17},"Settings","\u002Fdocs\u002Fadmin-guides\u002Fsettings","1.docs\u002F2.admin-guides\u002F7.settings",[175,180,223],{"title":176,"path":177,"stem":178,"icon":179},"Overview","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Foverview","1.docs\u002F2.admin-guides\u002F7.settings\u002F0.overview","i-lucide-layout-list",{"title":181,"icon":17,"path":182,"stem":183,"children":184,"page":17},"General Settings","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Fgeneral-settings","1.docs\u002F2.admin-guides\u002F7.settings\u002F1.general-settings",[185,190,195,200,204,209,214,218],{"title":186,"path":187,"stem":188,"icon":189},"Admins","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Fgeneral-settings\u002Fadmins","1.docs\u002F2.admin-guides\u002F7.settings\u002F1.general-settings\u002F2.admins","i-lucide-shield",{"title":191,"path":192,"stem":193,"icon":194},"Titles","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Fgeneral-settings\u002Ftitles","1.docs\u002F2.admin-guides\u002F7.settings\u002F1.general-settings\u002F3.titles","i-lucide-type",{"title":196,"path":197,"stem":198,"icon":199},"Website","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Fgeneral-settings\u002Fwebsite","1.docs\u002F2.admin-guides\u002F7.settings\u002F1.general-settings\u002F4.website","i-lucide-globe",{"title":201,"path":202,"stem":203,"icon":159},"Terms","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Fgeneral-settings\u002Fterms","1.docs\u002F2.admin-guides\u002F7.settings\u002F1.general-settings\u002F5.terms",{"title":205,"path":206,"stem":207,"icon":208},"Privacy","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Fgeneral-settings\u002Fprivacy","1.docs\u002F2.admin-guides\u002F7.settings\u002F1.general-settings\u002F6.privacy","i-lucide-shield-check",{"title":210,"path":211,"stem":212,"icon":213},"App","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Fgeneral-settings\u002Fapp","1.docs\u002F2.admin-guides\u002F7.settings\u002F1.general-settings\u002F7.app","i-lucide-smartphone",{"title":215,"path":216,"stem":217,"icon":71},"Rewards Settings","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Fgeneral-settings\u002Frewards","1.docs\u002F2.admin-guides\u002F7.settings\u002F1.general-settings\u002F8.rewards",{"title":219,"path":220,"stem":221,"icon":222},"Subscription","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Fgeneral-settings\u002Fsubscription","1.docs\u002F2.admin-guides\u002F7.settings\u002F1.general-settings\u002F9.subscription","i-lucide-credit-card",{"title":224,"path":225,"stem":226,"icon":227},"Translations","\u002Fdocs\u002Fadmin-guides\u002Fsettings\u002Ftranslations","1.docs\u002F2.admin-guides\u002F7.settings\u002F3.translations","i-lucide-languages",{"title":229,"path":230,"stem":231,"children":232,"icon":17},"API","\u002Fdocs\u002Fapi-reference","1.docs\u002F3.api-reference\u002F1.index",[233,235,239,244,248],{"title":234,"path":230,"stem":231,"icon":24},"API Documentation",{"title":236,"path":237,"stem":238,"icon":51},"Members API","\u002Fdocs\u002Fapi-reference\u002Fmembers","1.docs\u002F3.api-reference\u002F2.members",{"title":240,"path":241,"stem":242,"icon":243},"Points API","\u002Fdocs\u002Fapi-reference\u002Fpoints","1.docs\u002F3.api-reference\u002F3.points","i-lucide-coins",{"title":245,"path":246,"stem":247,"icon":71},"Rewards API","\u002Fdocs\u002Fapi-reference\u002Frewards","1.docs\u002F3.api-reference\u002F4.rewards",{"title":249,"path":250,"stem":251,"icon":252},"Webhooks","\u002Fdocs\u002Fapi-reference\u002Fwebhooks","1.docs\u002F3.api-reference\u002F5.webhooks","i-lucide-webhook",{"id":254,"title":166,"body":255,"description":1681,"extension":1682,"meta":1683,"navigation":1684,"path":167,"seo":1685,"stem":168,"__hash__":1686},"docs\u002F1.docs\u002F2.admin-guides\u002F6.content\u002F4.design-studio.md",{"type":256,"value":257,"toc":1651},"minimark",[258,262,289,292,296,303,361,366,431,435,454,461,465,520,524,529,532,553,556,560,566,644,654,658,661,715,722,726,730,768,772,808,811,826,830,852,855,859,865,870,878,883,897,902,930,933,942,990,996,1000,1003,1102,1108,1112,1115,1119,1198,1202,1243,1247,1388,1399,1403,1433,1437,1442,1467,1471,1478,1484,1488,1554,1586,1590],[259,260,166],"h1",{"id":261},"design-studio",[263,264,265,268,269,272,273,276,277,280,281,280,283,285,286,288],"p",{},[266,267,166],"strong",{}," (labeled ",[266,270,271],{},"Designer"," in the admin sidebar) is the visual editor for your program website. Configure global colors and backgrounds, arrange components on each page template, and preview changes before publishing. Dynamic components—marked with a ",[266,274,275],{},"bolt"," icon—pull live data from ",[278,279,112],"a",{"href":118},", ",[278,282,151],{"href":152},[278,284,156],{"href":157},", and ",[278,287,63],{"href":69},".",[263,290,291],{},"This guide covers the editor layout, template types, available components, and save workflow. For app-specific data setup, see the linked app guides rather than duplicating their configuration steps here.",[293,294,176],"h2",{"id":295},"overview",[263,297,298,299,302],{},"From ",[266,300,301],{},"Content → Designer"," you can:",[304,305,306,313,335,341,347,355],"ul",{},[307,308,309,312],"li",{},[266,310,311],{},"Preview"," the member site while editing (header, content, footer stack)",[307,314,315,318,319,280,321,280,324,280,327,330,331,334],{},[266,316,317],{},"Edit by section"," — ",[266,320,146],{},[266,322,323],{},"Header",[266,325,326],{},"Footer",[266,328,329],{},"Auth",", or ",[266,332,333],{},"Global"," settings",[307,336,337,340],{},[266,338,339],{},"Switch page templates"," — Home, Articles, Claims, Quizzes, Rewards, Profile, Basic Page, and custom page templates",[307,342,343,346],{},[266,344,345],{},"Add, reorder, and configure"," layout and dynamic components",[307,348,349,352,353],{},[266,350,351],{},"Manage custom page templates"," used by ",[278,354,156],{"href":157},[307,356,357,360],{},[266,358,359],{},"Save"," theme changes to the live program website",[263,362,363],{},[266,364,365],{},"Editor drawer sections",[367,368,369,382],"table",{},[370,371,372],"thead",{},[373,374,375,379],"tr",{},[376,377,378],"th",{},"Section",[376,380,381],{},"Edits",[383,384,385,395,404,413,422],"tbody",{},[373,386,387,392],{},[388,389,390],"td",{},[266,391,146],{},[388,393,394],{},"Page body layouts (Home, system pages, Basic Page, custom templates)",[373,396,397,401],{},[388,398,399],{},[266,400,323],{},[388,402,403],{},"Top-of-site components (Menu Bar, Banner, text, images)",[373,405,406,410],{},[388,407,408],{},[266,409,326],{},[388,411,412],{},"Footer components (Menu, text, images)",[373,414,415,419],{},[388,416,417],{},[266,418,329],{},[388,420,421],{},"Sign-in and sign-up page layouts",[373,423,424,428],{},[388,425,426],{},[266,427,333],{},[388,429,430],{},"Program-wide colors, section backgrounds, site background image",[293,432,434],{"id":433},"where-to-find-it","Where to find it",[304,436,437,447],{},[307,438,439,442,443],{},[266,440,441],{},"Route:"," ",[444,445,446],"code",{},"\u002Fdesign\u002F{programId}",[307,448,449,442,452],{},[266,450,451],{},"Side navigation:",[266,453,301],{},[263,455,456,457,460],{},"Open the editor with the ",[266,458,459],{},"settings"," floating action button (bottom-right). The right-hand drawer holds all editing controls; the main canvas shows a live preview.",[293,462,464],{"id":463},"prerequisites","Prerequisites",[304,466,467,470,476,482,500],{},[307,468,469],{},"An open program with program administrator access",[307,471,472,475],{},[266,473,474],{},"Editor"," role (or higher) — required to add components, change settings, and save",[307,477,478,481],{},[266,479,480],{},"Observer"," can open Design Studio to preview but cannot save theme changes",[307,483,484,485,487,488,280,491,487,493,280,495,487,497],{},"Apps and content should be configured first when using dynamic components—for example ",[278,486,117],{"href":118}," before ",[266,489,490],{},"Progress",[278,492,126],{"href":127},[266,494,126],{},[278,496,151],{"href":152},[266,498,499],{},"Articles Preview",[307,501,502,504,505,508,509,511,512,515,516,519],{},[278,503,161],{"href":162}," drive ",[266,506,507],{},"Menu Bar"," links; ",[278,510,156],{"href":157}," supply data for ",[266,513,514],{},"Page Headings"," \u002F ",[266,517,518],{},"Page Text"," on custom templates",[293,521,523],{"id":522},"editor-layout","Editor layout",[525,526,528],"h3",{"id":527},"main-preview","Main preview",[263,530,531],{},"The canvas renders your site in layers:",[533,534,535,543,548],"ol",{},[307,536,537,539,540,542],{},[266,538,323],{}," components (always visible except on ",[266,541,329],{}," templates)",[307,544,545,547],{},[266,546,146],{}," components for the selected page template",[307,549,550,552],{},[266,551,326],{}," components",[263,554,555],{},"Empty sections show a dashed placeholder prompting you to add components.",[525,557,559],{"id":558},"right-drawer","Right drawer",[263,561,562,563,565],{},"Toggle the drawer with the ",[266,564,459],{}," FAB. Five tabs across the top switch context:",[367,567,568,581],{},[370,569,570],{},[373,571,572,575,578],{},[376,573,574],{},"Tab",[376,576,577],{},"Template selector",[376,579,580],{},"Components",[383,582,583,595,606,617,629],{},[373,584,585,589,592],{},[388,586,587],{},[266,588,146],{},[388,590,591],{},"Home, Articles, Claims, Quizzes, Rewards, Profile, Basic Page, custom templates",[388,593,594],{},"Content-area components for that template",[373,596,597,601,603],{},[388,598,599],{},[266,600,323],{},[388,602,323],{},[388,604,605],{},"Header-only components",[373,607,608,612,614],{},[388,609,610],{},[266,611,326],{},[388,613,326],{},[388,615,616],{},"Footer-only components",[373,618,619,623,626],{},[388,620,621],{},[266,622,329],{},[388,624,625],{},"Signin, Signup",[388,627,628],{},"Sign-in \u002F sign-up form components",[373,630,631,635,641],{},[388,632,633],{},[266,634,333],{},[388,636,637],{},[638,639,640],"em",{},"(none)",[388,642,643],{},"Colors and site background (no component list)",[263,645,646,647,649,650,653],{},"When ",[266,648,146],{}," is selected, use the ",[266,651,652],{},"Select the template you wish to edit"," dropdown to switch templates. Custom template names appear after the system templates.",[525,655,657],{"id":656},"drawer-footer-tools","Drawer footer tools",[263,659,660],{},"When no unsaved changes exist:",[367,662,663,673],{},[370,664,665],{},[373,666,667,670],{},[376,668,669],{},"Tool",[376,671,672],{},"Purpose",[383,674,675,685,695,705],{},[373,676,677,682],{},[388,678,679],{},[266,680,681],{},"Site",[388,683,684],{},"Open live-site preview (pick a member context)",[373,686,687,692],{},[388,688,689],{},[266,690,691],{},"Menu",[388,693,694],{},"Toggle admin navigation overlay to approximate member chrome",[373,696,697,702],{},[388,698,699],{},[266,700,701],{},"Grid",[388,703,704],{},"Show or hide layout grid helpers",[373,706,707,712],{},[388,708,709],{},[266,710,711],{},"Close",[388,713,714],{},"Close the editor drawer",[263,716,717,718,721],{},"When you have unsaved edits, the footer shows a ",[266,719,720],{},"save"," button instead.",[293,723,725],{"id":724},"step-by-step","Step-by-step",[525,727,729],{"id":728},"open-design-studio-and-select-a-template","Open Design Studio and select a template",[533,731,732,737,743,751,761],{},[307,733,734,735,288],{},"Open ",[266,736,301],{},[307,738,739,740,742],{},"Click the ",[266,741,459],{}," FAB (bottom-right).",[307,744,745,746,280,748,750],{},"Choose a drawer tab (",[266,747,146],{},[266,749,323],{},", etc.).",[307,752,753,754,756,757,760],{},"For ",[266,755,146],{},", pick a template from the dropdown (for example ",[266,758,759],{},"Home",").",[307,762,763,764,767],{},"Review ",[266,765,766],{},"Active Components"," in the drawer and the matching preview on the canvas.",[525,769,771],{"id":770},"add-and-arrange-components","Add and arrange components",[533,773,774,780,787,793,796,799],{},[307,775,776,777,288],{},"In the drawer, scroll to ",[266,778,779],{},"Available Components",[307,781,782,783,786],{},"Hover a component tile and click ",[266,784,785],{},"+"," to add it.",[307,788,789,790,792],{},"Drag ",[266,791,766],{}," to reorder.",[307,794,795],{},"Click a component row to expand its settings panel.",[307,797,798],{},"Adjust fields (headings, colors, spacing, visibility toggles—varies by component).",[307,800,801,802,804,805,807],{},"Click ",[266,803,720],{}," in the drawer footer when ",[266,806,766],{}," show pending changes.",[263,809,810],{},"You can only add one new component at a time—finish or collapse the current component editor before adding another.",[812,813,816],"callout",{"color":814,"icon":815},"primary","i-lucide-info",[263,817,818,821,822,825],{},[266,819,820],{},"Bolt icon"," — Components marked with a bolt are ",[266,823,824],{},"dynamic",": they render live program data (leaderboards, awards, articles, page fields, etc.). Static components (Banner, Text columns, Image) only show what you configure in the editor.",[525,827,829],{"id":828},"save-your-theme","Save your theme",[533,831,832,837,846],{},[307,833,834,835,288],{},"After edits, the drawer footer switches to ",[266,836,720],{},[307,838,801,839,841,842,845],{},[266,840,720],{}," to persist ",[444,843,844],{},"webTheme"," to your program.",[307,847,848,849,851],{},"Confirm changes on the live member site (",[266,850,681],{}," preview or your program URL).",[263,853,854],{},"Unsaved changes are tracked program-wide—switching templates or drawer tabs does not auto-save.",[525,856,858],{"id":857},"configure-global-branding-global-tab","Configure global branding (Global tab)",[263,860,861,862,864],{},"Open the ",[266,863,333],{}," drawer tab to edit program-wide visuals:",[263,866,867],{},[266,868,869],{},"Colors",[304,871,872],{},[307,873,874,877],{},[266,875,876],{},"Primary"," — main brand color used across buttons and accents",[263,879,880],{},[266,881,882],{},"Section Background Colors",[304,884,885],{},[307,886,887,889,890,280,892,280,894,896],{},[266,888,681],{}," (canvas), ",[266,891,323],{},[266,893,146],{},[266,895,326],{}," — optional background colors per region; use clear controls to reset transparency",[263,898,899],{},[266,900,901],{},"Site Background Image",[304,903,904,907,923],{},[307,905,906],{},"Enable\u002Fdisable, pick image from gallery or uploads",[307,908,909,280,912,915,916,280,919,922],{},[266,910,911],{},"Repeat mode",[266,913,914],{},"height"," (viewport or fixed pixels), ",[266,917,918],{},"vertical alignment",[266,920,921],{},"scroll behavior"," (fixed or scroll)",[307,924,925,926,929],{},"Optional ",[266,927,928],{},"image overlay"," (gradient or solid screen) to improve text contrast",[525,931,351],{"id":932},"manage-custom-page-templates",[263,934,935,936,939,940,288],{},"Custom templates extend the system ",[266,937,938],{},"Basic Page"," layout for ",[278,941,156],{"href":157},[533,943,944,949,958,965,968,976,981],{},[307,945,946,947,288],{},"Open the drawer on ",[266,948,146],{},[307,950,739,951,954,955,760],{},[266,952,953],{},"gear"," icon next to the template dropdown (",[266,956,957],{},"Manage Custom Templates",[307,959,960,961,964],{},"Enter a ",[266,962,963],{},"New Custom Template Name"," (for example, “FAQ” or “Leaderboard Hub”) and add it.",[307,966,967],{},"Select the new template from the dropdown.",[307,969,970,971,973,974,760],{},"Add components from ",[266,972,779],{}," (same palette as ",[266,975,938],{},[307,977,978,980],{},[266,979,359],{}," the theme.",[307,982,983,984,987,988,288],{},"Assign the template to pages on the ",[266,985,986],{},"Template"," tab in ",[278,989,156],{"href":157},[263,991,992,993,995],{},"From the manager you can rename or delete custom templates. Deleting removes the template from Design Studio—update any ",[278,994,156],{"href":157}," that referenced it first.",[293,997,999],{"id":998},"page-templates-reference","Page templates reference",[263,1001,1002],{},"System templates shipped with every program:",[367,1004,1005,1014],{},[370,1006,1007],{},[373,1008,1009,1011],{},[376,1010,986],{},[376,1012,1013],{},"Member-facing use",[383,1015,1016,1025,1034,1047,1056,1065,1075,1086],{},[373,1017,1018,1022],{},[388,1019,1020],{},[266,1021,759],{},[388,1023,1024],{},"Landing page after sign-in",[373,1026,1027,1031],{},[388,1028,1029],{},[266,1030,151],{},[388,1032,1033],{},"Full blog\u002Farticle listing layout",[373,1035,1036,1040],{},[388,1037,1038],{},[266,1039,136],{},[388,1041,1042,1043,1046],{},"Offers \u002F claims submission (",[266,1044,1045],{},"Offers"," menu destination)",[373,1048,1049,1053],{},[388,1050,1051],{},[266,1052,141],{},[388,1054,1055],{},"Quiz listing and participation",[373,1057,1058,1062],{},[388,1059,1060],{},[266,1061,63],{},[388,1063,1064],{},"Rewards catalogue browsing and redemption",[373,1066,1067,1072],{},[388,1068,1069],{},[266,1070,1071],{},"Profile",[388,1073,1074],{},"Member profile (avatar, details, awards)",[373,1076,1077,1081],{},[388,1078,1079],{},[266,1080,938],{},[388,1082,1083,1084],{},"Default layout for custom ",[278,1085,156],{"href":157},[373,1087,1088,1096],{},[388,1089,1090,515,1093],{},[266,1091,1092],{},"Signin",[266,1094,1095],{},"Signup",[388,1097,1098,1099,1101],{},"Authentication screens (",[266,1100,329],{}," drawer tab)",[263,1103,1104,1105,1107],{},"Custom templates you create appear in this list and in the page ",[266,1106,986],{}," picker.",[293,1109,1111],{"id":1110},"components-reference","Components reference",[263,1113,1114],{},"Components available depend on the selected drawer tab and page template. Common building blocks:",[525,1116,1118],{"id":1117},"layout-and-content-static","Layout and content (static)",[367,1120,1121,1131],{},[370,1122,1123],{},[373,1124,1125,1128],{},[376,1126,1127],{},"Component",[376,1129,1130],{},"Typical use",[383,1132,1133,1143,1153,1163,1173,1186],{},[373,1134,1135,1140],{},[388,1136,1137],{},[266,1138,1139],{},"Banner",[388,1141,1142],{},"Hero banner with image and heading",[373,1144,1145,1150],{},[388,1146,1147],{},[266,1148,1149],{},"Heading Section",[388,1151,1152],{},"Standalone titled section",[373,1154,1155,1160],{},[388,1156,1157],{},[266,1158,1159],{},"Image",[388,1161,1162],{},"Single image block",[373,1164,1165,1170],{},[388,1166,1167],{},[266,1168,1169],{},"Text 1 Col \u002F 2 Col \u002F 3 Col",[388,1171,1172],{},"Rich text columns",[373,1174,1175,1179],{},[388,1176,1177],{},[266,1178,514],{},[388,1180,1181,1182,1185],{},"Page title and subheading from a ",[278,1183,1184],{"href":157},"Page"," record",[373,1187,1188,1193],{},[388,1189,1190],{},[266,1191,1192],{},"Page Text Body",[388,1194,1195,1196,1185],{},"Page body text from a ",[278,1197,1184],{"href":157},[525,1199,1201],{"id":1200},"navigation-dynamic","Navigation (dynamic)",[367,1203,1204,1213],{},[370,1205,1206],{},[373,1207,1208,1210],{},[376,1209,1127],{},[376,1211,1212],{},"Data source",[383,1214,1215,1233],{},[373,1216,1217,1221],{},[388,1218,1219],{},[266,1220,507],{},[388,1222,1223,1226,1227,1229,1230],{},[278,1224,1225],{"href":162},"Primary Menus","; language picker when ",[278,1228,224],{"href":225}," languages are ",[266,1231,1232],{},"Active",[373,1234,1235,1240],{},[388,1236,1237,1239],{},[266,1238,691],{}," (footer)",[388,1241,1242],{},"Footer link configuration",[525,1244,1246],{"id":1245},"apps-and-program-data-dynamic","Apps and program data (dynamic)",[367,1248,1249,1261],{},[370,1250,1251],{},[373,1252,1253,1255,1258],{},[376,1254,1127],{},[376,1256,1257],{},"Configure data in",[376,1259,1260],{},"Design Studio controls",[383,1262,1263,1279,1292,1305,1318,1331,1344,1358,1371],{},[373,1264,1265,1270,1276],{},[388,1266,1267],{},[266,1268,1269],{},"Progress Preview",[388,1271,1272,280,1274],{},[278,1273,117],{"href":118},[278,1275,122],{"href":123},[388,1277,1278],{},"Card headings, icons, layout, colors—leaderboards auto-appear when Active and tag rules match",[373,1280,1281,1285,1289],{},[388,1282,1283],{},[266,1284,126],{},[388,1286,1287],{},[278,1288,126],{"href":127},[388,1290,1291],{},"Card layout and display styling",[373,1293,1294,1298,1302],{},[388,1295,1296],{},[266,1297,499],{},[388,1299,1300],{},[278,1301,151],{"href":152},[388,1303,1304],{},"Which blog, how many posts, card layout",[373,1306,1307,1311,1315],{},[388,1308,1309],{},[266,1310,151],{},[388,1312,1313],{},[278,1314,151],{"href":152},[388,1316,1317],{},"Full listing layout for a blog",[373,1319,1320,1324,1328],{},[388,1321,1322],{},[266,1323,136],{},[388,1325,1326],{},[278,1327,136],{"href":137},[388,1329,1330],{},"Offers layout on Claims template",[373,1332,1333,1337,1341],{},[388,1334,1335],{},[266,1336,141],{},[388,1338,1339],{},[278,1340,141],{"href":142},[388,1342,1343],{},"Quiz listing layout",[373,1345,1346,1351,1355],{},[388,1347,1348],{},[266,1349,1350],{},"Rewards Preview",[388,1352,1353],{},[278,1354,68],{"href":69},[388,1356,1357],{},"Teaser cards linking to catalogue",[373,1359,1360,1364,1368],{},[388,1361,1362],{},[266,1363,63],{},[388,1365,1366],{},[278,1367,68],{"href":69},[388,1369,1370],{},"Full catalogue layout",[373,1372,1373,1381,1385],{},[388,1374,1375,515,1378],{},[266,1376,1377],{},"Avatar",[266,1379,1380],{},"Profile Detail",[388,1382,1383],{},[278,1384,44],{"href":49},[388,1386,1387],{},"Profile page chrome",[263,1389,753,1390,1392,1393,1395,1396,1398],{},[266,1391,490],{}," and ",[266,1394,126],{}," card styling, expand the component in ",[266,1397,766],{},"—editors expose heading, icon, card grid, and color options. Eligibility, rankings, and bucket links are configured in the respective app guides, not in Design Studio.",[525,1400,1402],{"id":1401},"authentication","Authentication",[367,1404,1405,1413],{},[370,1406,1407],{},[373,1408,1409,1411],{},[376,1410,1127],{},[376,1412,986],{},[383,1414,1415,1424],{},[373,1416,1417,1422],{},[388,1418,1419],{},[266,1420,1421],{},"Sign In Form",[388,1423,1092],{},[373,1425,1426,1431],{},[388,1427,1428],{},[266,1429,1430],{},"Sign Up Form",[388,1432,1095],{},[293,1434,1436],{"id":1435},"header-and-footer-editing","Header and footer editing",[263,1438,1439,1441],{},[266,1440,323],{}," (drawer tab)",[304,1443,1444,1458],{},[307,1445,1446,1447,1449,1450,1452,1453,1455,1456],{},"Add ",[266,1448,507],{}," once to render ",[278,1451,1225],{"href":162},"; the language control appears when you have ",[266,1454,1232],{}," languages in ",[278,1457,224],{"href":225},[307,1459,925,1460,280,1462,280,1464,1466],{},[266,1461,1139],{},[266,1463,1149],{},[266,1465,1159],{},", and column text for announcements above main content",[263,1468,1469,1441],{},[266,1470,326],{},[304,1472,1473],{},[307,1474,1446,1475,1477],{},[266,1476,691],{}," for footer links, plus text\u002Fimage blocks as needed",[263,1479,1480,1481,1483],{},"Header and footer components apply across templates unless you are editing ",[266,1482,329],{}," pages (authentication uses a separate component stack).",[293,1485,1487],{"id":1486},"tips-and-limitations","Tips and limitations",[304,1489,1490,1496,1505,1514,1520,1533,1539,1545],{},[307,1491,1492,1495],{},[266,1493,1494],{},"Editor role required to save"," — Observers can preview layouts but cannot publish theme changes.",[307,1497,1498,1501,1502,1504],{},[266,1499,1500],{},"Save explicitly"," — Changes are not live until you click ",[266,1503,720],{}," in the drawer footer.",[307,1506,1507,1510,1511,1513],{},[266,1508,1509],{},"One new component at a time"," — The ",[266,1512,785],{}," button disables while a new component editor is open.",[307,1515,1516,1519],{},[266,1517,1518],{},"Dynamic components need data"," — Empty Progress or Awards blocks usually mean no Active app records or tag filters exclude the signed-in member.",[307,1521,1522,318,1525,1527,1528,515,1530,1532],{},[266,1523,1524],{},"Page fields need components",[278,1526,1184],{"href":157}," title and body only render when ",[266,1529,514],{},[266,1531,518],{}," are on that page’s template.",[307,1534,1535,1538],{},[266,1536,1537],{},"Custom templates and pages"," — Create the template here first, then assign it on each page record.",[307,1540,1541,1544],{},[266,1542,1543],{},"Demo programs"," — Save and structural edits are disabled on demo programs.",[307,1546,1547,1550,1551,1553],{},[266,1548,1549],{},"Grid helper"," — Use ",[266,1552,701],{}," to align components; it does not affect the live site.",[812,1555,1557],{"color":814,"icon":1556},"i-lucide-lightbulb",[263,1558,1559,1562,1563,1565,1566,1568,1569,1571,1572,1568,1574,1576,1577,1579,1580,1582,1583,1585],{},[266,1560,1561],{},"Typical launch checklist:"," Global colors and logo banner → Header ",[266,1564,507],{}," → Home ",[266,1567,1269],{}," + ",[266,1570,499],{}," → Profile ",[266,1573,1377],{},[266,1575,126],{}," → create custom page templates for FAQs → assign templates in ",[266,1578,156],{}," → link pages in ",[266,1581,161],{}," → save → verify with ",[266,1584,681],{}," preview.",[293,1587,1589],{"id":1588},"related","Related",[304,1591,1592,1597,1602,1607,1614,1619,1626,1631,1636,1641,1646],{},[307,1593,1594,1596],{},[278,1595,156],{"href":157}," — Page content and template assignment",[307,1598,1599,1601],{},[278,1600,161],{"href":162}," — Navigation labels and destinations",[307,1603,1604,1606],{},[278,1605,151],{"href":152}," — Blog content for Articles components",[307,1608,1609,1611,1612],{},[278,1610,117],{"href":118}," — Data behind ",[266,1613,1269],{},[307,1615,1616,1618],{},[278,1617,122],{"href":123}," — KPI tables paired with Progress layouts",[307,1620,1621,1611,1623,1625],{},[278,1622,126],{"href":127},[266,1624,126],{}," component",[307,1627,1628,1630],{},[278,1629,136],{"href":137}," — Offers on Claims template",[307,1632,1633,1635],{},[278,1634,141],{"href":142}," — Quizzes template content",[307,1637,1638,1640],{},[278,1639,68],{"href":69}," — Rewards and Rewards Preview components",[307,1642,1643,1645],{},[278,1644,93],{"href":94}," — Source data for leaderboard and tracker components",[307,1647,1648,1650],{},[278,1649,44],{"href":49}," — Profile page and tag-driven visibility",{"title":1652,"searchDepth":1653,"depth":1653,"links":1654},"",2,[1655,1656,1657,1658,1664,1671,1672,1678,1679,1680],{"id":295,"depth":1653,"text":176},{"id":433,"depth":1653,"text":434},{"id":463,"depth":1653,"text":464},{"id":522,"depth":1653,"text":523,"children":1659},[1660,1662,1663],{"id":527,"depth":1661,"text":528},3,{"id":558,"depth":1661,"text":559},{"id":656,"depth":1661,"text":657},{"id":724,"depth":1653,"text":725,"children":1665},[1666,1667,1668,1669,1670],{"id":728,"depth":1661,"text":729},{"id":770,"depth":1661,"text":771},{"id":828,"depth":1661,"text":829},{"id":857,"depth":1661,"text":858},{"id":932,"depth":1661,"text":351},{"id":998,"depth":1653,"text":999},{"id":1110,"depth":1653,"text":1111,"children":1673},[1674,1675,1676,1677],{"id":1117,"depth":1661,"text":1118},{"id":1200,"depth":1661,"text":1201},{"id":1245,"depth":1661,"text":1246},{"id":1401,"depth":1661,"text":1402},{"id":1435,"depth":1653,"text":1436},{"id":1486,"depth":1653,"text":1487},{"id":1588,"depth":1653,"text":1589},"Customize branding, themes, and visual design.","md",{},{"icon":169},{"title":166,"description":1681},"K-cINgPpQyqtfsUgseB9ZJgMfY9nA73advB3bxRmFlU",[1688,1690],{"title":161,"path":162,"stem":163,"description":1689,"icon":164,"children":-1},"Configure site navigation and menus.",{"title":176,"path":177,"stem":178,"description":1691,"icon":179,"children":-1},"Program settings overview — admins, website access, terms, rewards, and subscription.",1780042003057]