[{"data":1,"prerenderedAt":414},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Fcampaigns\u002Fgenerator-theme":3},{"id":4,"title":5,"body":6,"category":393,"description":394,"extension":395,"keywords":396,"meta":404,"navigation":405,"order":406,"path":407,"published":408,"rawbody":409,"seo":410,"stem":411,"updated":412,"__hash__":413},"help\u002Fhelp\u002Fcampaigns\u002Fgenerator-theme.md","Generator Theme settings",{"type":7,"value":8,"toc":380},"minimark",[9,29,41,49,54,66,70,75,80,144,148,151,205,209,215,247,251,258,295,301,304,313,350,353],[10,11,12,13,17,18,22,23,28],"p",{},"In the ",[14,15,16],"strong",{},"Generator Theme"," step of a web or widget campaign, you decide what the ",[19,20,21],"place",{},"design generator"," looks like and how users pick a template in it. The design inside your templates doesn't change. How to set up a campaign is explained in ",[24,25,27],"a",{"href":26},"\u002Fhelp\u002Fcampaigns\u002Fcreate-campaign","Create a campaign: share several templates in one design generator",".",[10,30,31,32,34,35,37,38,40],{},"You open the settings with the ",[14,33,16],{}," step at the top of the campaign. A preview of the ",[19,36,21],{}," is on the right. Team campaigns have no ",[14,39,16],{}," step.",[10,42,43],{},[44,45],"img",{"alt":46,"src":47,"width":48},"Generator Theme with Title, High contrast, Default Colors, fonts, Corner Radius, Bluepic Branding and Field hints.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-generator-theme-01\u002Fpublic",400,[50,51,53],"h2",{"id":52},"title","Title",[55,56,57],"ul",{},[58,59,60,62,63,65],"li",{},[14,61,53],{},": the name of your ",[19,64,21],{},". Users see it in the browser tab and in the gallery above the templates. The empty field shows \"Title of your design generator\".",[50,67,69],{"id":68},"theme","Theme",[10,71,72,73,28],{},"The theme sets the colors, fonts and corners of the ",[19,74,21],{},[76,77,79],"h3",{"id":78},"choose-a-theme","Choose a theme",[55,81,82,92,98,104,112,118,124],{},[58,83,84,87,88,91],{},[14,85,86],{},"High contrast",": a switch, labelled ",[14,89,90],{},"High contrast (WCAG AAA text, stronger borders)"," in Studio. It gives text and borders more contrast and works with every theme. Off by default.",[58,93,94,97],{},[14,95,96],{},"Default Colors",": ready-made themes from Bluepic. New campaigns start with the dark theme.",[58,99,100,103],{},[14,101,102],{},"Custom Colors",": your saved themes. They show here in every campaign once you have saved a theme.",[58,105,106,109,110,28],{},[14,107,108],{},"Add theme",": starts a theme of your own from the current colors. If you haven't saved a theme yet, it is the tile with the plus after the ",[14,111,96],{},[58,113,114,117],{},[14,115,116],{},"Header Font",": the font for headings.",[58,119,120,123],{},[14,121,122],{},"Label Font",": the font for labels.",[58,125,126,129,130,132,133,136,137,140,141,28],{},[14,127,128],{},"Corner Radius",": how round the corners in the ",[19,131,21],{}," are, from ",[14,134,135],{},"Sharp"," to ",[14,138,139],{},"Pill",". The default is ",[14,142,143],{},"Default",[76,145,147],{"id":146},"your-own-theme","Your own theme",[10,149,150],{},"These settings only appear while you edit a theme of your own.",[55,152,153,161,167,185,193,199],{},[58,154,155,158,159,28],{},[14,156,157],{},"Background Color",": the background color of the ",[19,160,21],{},[58,162,163,166],{},[14,164,165],{},"Primary Color",": the main color, for example for buttons.",[58,168,169,172,173,176,177,180,181,184],{},[14,170,171],{},"Advanced",": ",[14,174,175],{},"Configure JSON"," shows the whole theme as JSON, including settings that have no control of their own. ",[14,178,179],{},"Import JSON"," lets you paste a changed JSON, ",[14,182,183],{},"Apply theme"," applies it to the campaign.",[58,186,187,190,191,28],{},[14,188,189],{},"Save as Custom Theme",": saves the theme under a name. It is then available in every campaign under ",[14,192,102],{},[58,194,195,198],{},[14,196,197],{},"Update Theme",": saves your changes to a saved theme.",[58,200,201,204],{},[14,202,203],{},"Delete Theme",": deletes a saved theme. Campaigns that use it keep their look.",[50,206,208],{"id":207},"bluepic-branding-and-field-hints","Bluepic Branding and Field hints",[10,210,211,212,214],{},"Both are checkboxes at the bottom of the ",[14,213,69],{}," section.",[55,216,217,238],{},[58,218,219,222,223,225,226,229,230,233,234,237],{},[14,220,221],{},"Bluepic Branding",": shows the Bluepic branding in the ",[19,224,21],{},". On by default. You can remove it on any paid plan. On the Free plan, unticking it opens the ",[14,227,228],{},"Unlock branding removal"," popup with the note \"Bluepic branding is included on the Free tier. To remove it, upgrade to a paid plan.\" ",[14,231,232],{},"Go to billing"," takes you to your plan, ",[14,235,236],{},"Cancel"," closes the popup. The checkbox has nothing to do with the credit watermark on exported files.",[58,239,240,243,244,28],{},[14,241,242],{},"Field hints",": shows users which part of the design an input field changes. On by default. You set up the hint for each input field in the ",[19,245,246],{},"template editor",[50,248,250],{"id":249},"layout","Layout",[10,252,253,254,257],{},"The layout decides how users pick a template. In web campaigns, the files from the ",[14,255,256],{},"Assets"," step show here too, after the templates.",[55,259,260,283,289],{},[58,261,262,265,266],{},[14,263,264],{},"Template Selection via Gallery",": users pick a template from a gallery. The default. Categories only exist with this layout. When it is selected, its card has two checkboxes:\n",[55,267,268,277],{},[58,269,270,273,274,214],{},[14,271,272],{},"Sort by categories",": the same checkbox as in the ",[14,275,276],{},"Categories",[58,278,279,282],{},[14,280,281],{},"Pan and Zoom",": users can zoom into their design and move it around while they fill it in. Off by default.",[58,284,285,288],{},[14,286,287],{},"Template selection via slider (horizontal)",": the templates sit in a slider that scrolls sideways.",[58,290,291,294],{},[14,292,293],{},"Template selection via slider (vertical)",": the templates sit in a slider that scrolls up and down.",[10,296,297],{},[44,298],{"alt":299,"src":300,"width":48},"Layout with the Gallery card (Pan and Zoom) and the two slider layouts, and the Categories section below.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-generator-theme-02\u002Fpublic",[50,302,276],{"id":303},"categories",[10,305,306,307,309,310,312],{},"The ",[14,308,276],{}," section only exists with the ",[14,311,264],{}," layout. Categories group templates and files in the gallery.",[55,314,315,320,326,332,338,344],{},[58,316,317,319],{},[14,318,272],{},": sorts the gallery by category and shows the list of your categories below. On for new campaigns.",[58,321,322,325],{},[14,323,324],{},"New category",": adds a new category.",[58,327,328,331],{},[14,329,330],{},"Category name",": the name of the category that users see in the gallery. You can only add something once it has a name.",[58,333,334,337],{},[14,335,336],{},"Add",": opens a list of all templates and files of the campaign. What you select there belongs to the category. Clicking it again takes it out.",[58,339,340,343],{},[14,341,342],{},"Add all",": adds all templates and files of the campaign to the category.",[58,345,346,349],{},[14,347,348],{},"Delete category",": the trash can next to the name. It deletes the category. The templates and files stay in the campaign.",[10,351,352],{},"If the campaign has no templates or files yet, the section shows \"Add templates or assets to this campaign to create categories.\"",[354,355,356],"related",{},[55,357,358,362,368,374],{},[58,359,360],{},[24,361,27],{"href":26},[58,363,364],{},[24,365,367],{"href":366},"\u002Fhelp\u002Fcampaigns\u002Flanding-page","Design a landing page: set up the page around the design generator",[58,369,370],{},[24,371,373],{"href":372},"\u002Fhelp\u002Fcampaigns\u002Fbrand-portal-assets","Set up a brand portal: offer files for download in a campaign",[58,375,376],{},[24,377,379],{"href":378},"\u002Fhelp\u002Faccount-management\u002Fwatermarks","Watermarks and Bluepic branding: when each appears",{"title":381,"searchDepth":382,"depth":382,"links":383},"",2,[384,385,390,391,392],{"id":52,"depth":382,"text":53},{"id":68,"depth":382,"text":69,"children":386},[387,389],{"id":78,"depth":388,"text":79},3,{"id":146,"depth":388,"text":147},{"id":207,"depth":382,"text":208},{"id":249,"depth":382,"text":250},{"id":303,"depth":382,"text":276},"campaigns","What Title, Theme, Bluepic Branding, Field hints, Layout and Categories do in a campaign's Generator Theme step.","md",[16,68,52,397,398,242,399,221,400,86,128,401,175,250,402,403,276,272,281],"colors","fonts","branding","contrast","Custom Theme","Gallery","Slider",{},true,30,"\u002Fhelp\u002Fcampaigns\u002Fgenerator-theme","2026-09-17","---\ntitle: \"Generator Theme settings\"\ndescription: \"What Title, Theme, Bluepic Branding, Field hints, Layout and Categories do in a campaign's Generator Theme step.\"\ncategory: campaigns\norder: 30\nkeywords: [\"Generator Theme\", \"theme\", \"title\", \"colors\", \"fonts\", \"Field hints\", \"branding\", \"Bluepic Branding\", \"contrast\", \"High contrast\", \"Corner Radius\", \"Custom Theme\", \"Configure JSON\", \"Layout\", \"Gallery\", \"Slider\", \"Categories\", \"Sort by categories\", \"Pan and Zoom\"]\n---\n\nIn the **Generator Theme** step of a web or widget campaign, you decide what the :place[design generator] looks like and how users pick a template in it. The design inside your templates doesn't change. How to set up a campaign is explained in [Create a campaign: share several templates in one design generator](\u002Fhelp\u002Fcampaigns\u002Fcreate-campaign).\n\nYou open the settings with the **Generator Theme** step at the top of the campaign. A preview of the :place[design generator] is on the right. Team campaigns have no **Generator Theme** step.\n\n![Generator Theme with Title, High contrast, Default Colors, fonts, Corner Radius, Bluepic Branding and Field hints.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-generator-theme-01\u002Fpublic){width=\"400\"}\n\n## Title\n\n- **Title**: the name of your :place[design generator]. Users see it in the browser tab and in the gallery above the templates. The empty field shows \"Title of your design generator\".\n\n## Theme\n\nThe theme sets the colors, fonts and corners of the :place[design generator].\n\n### Choose a theme\n\n- **High contrast**: a switch, labelled **High contrast (WCAG AAA text, stronger borders)** in Studio. It gives text and borders more contrast and works with every theme. Off by default.\n- **Default Colors**: ready-made themes from Bluepic. New campaigns start with the dark theme.\n- **Custom Colors**: your saved themes. They show here in every campaign once you have saved a theme.\n- **Add theme**: starts a theme of your own from the current colors. If you haven't saved a theme yet, it is the tile with the plus after the **Default Colors**.\n- **Header Font**: the font for headings.\n- **Label Font**: the font for labels.\n- **Corner Radius**: how round the corners in the :place[design generator] are, from **Sharp** to **Pill**. The default is **Default**.\n\n### Your own theme\n\nThese settings only appear while you edit a theme of your own.\n\n- **Background Color**: the background color of the :place[design generator].\n- **Primary Color**: the main color, for example for buttons.\n- **Advanced**: **Configure JSON** shows the whole theme as JSON, including settings that have no control of their own. **Import JSON** lets you paste a changed JSON, **Apply theme** applies it to the campaign.\n- **Save as Custom Theme**: saves the theme under a name. It is then available in every campaign under **Custom Colors**.\n- **Update Theme**: saves your changes to a saved theme.\n- **Delete Theme**: deletes a saved theme. Campaigns that use it keep their look.\n\n## Bluepic Branding and Field hints\n\nBoth are checkboxes at the bottom of the **Theme** section.\n\n- **Bluepic Branding**: shows the Bluepic branding in the :place[design generator]. On by default. You can remove it on any paid plan. On the Free plan, unticking it opens the **Unlock branding removal** popup with the note \"Bluepic branding is included on the Free tier. To remove it, upgrade to a paid plan.\" **Go to billing** takes you to your plan, **Cancel** closes the popup. The checkbox has nothing to do with the credit watermark on exported files.\n- **Field hints**: shows users which part of the design an input field changes. On by default. You set up the hint for each input field in the :place[template editor].\n\n## Layout\n\nThe layout decides how users pick a template. In web campaigns, the files from the **Assets** step show here too, after the templates.\n\n- **Template Selection via Gallery**: users pick a template from a gallery. The default. Categories only exist with this layout. When it is selected, its card has two checkboxes:\n  - **Sort by categories**: the same checkbox as in the **Categories** section.\n  - **Pan and Zoom**: users can zoom into their design and move it around while they fill it in. Off by default.\n- **Template selection via slider (horizontal)**: the templates sit in a slider that scrolls sideways.\n- **Template selection via slider (vertical)**: the templates sit in a slider that scrolls up and down.\n\n![Layout with the Gallery card (Pan and Zoom) and the two slider layouts, and the Categories section below.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-generator-theme-02\u002Fpublic){width=\"400\"}\n\n## Categories\n\nThe **Categories** section only exists with the **Template Selection via Gallery** layout. Categories group templates and files in the gallery.\n\n- **Sort by categories**: sorts the gallery by category and shows the list of your categories below. On for new campaigns.\n- **New category**: adds a new category.\n- **Category name**: the name of the category that users see in the gallery. You can only add something once it has a name.\n- **Add**: opens a list of all templates and files of the campaign. What you select there belongs to the category. Clicking it again takes it out.\n- **Add all**: adds all templates and files of the campaign to the category.\n- **Delete category**: the trash can next to the name. It deletes the category. The templates and files stay in the campaign.\n\nIf the campaign has no templates or files yet, the section shows \"Add templates or assets to this campaign to create categories.\"\n\n::related\n- [Create a campaign: share several templates in one design generator](\u002Fhelp\u002Fcampaigns\u002Fcreate-campaign)\n- [Design a landing page: set up the page around the design generator](\u002Fhelp\u002Fcampaigns\u002Flanding-page)\n- [Set up a brand portal: offer files for download in a campaign](\u002Fhelp\u002Fcampaigns\u002Fbrand-portal-assets)\n- [Watermarks and Bluepic branding: when each appears](\u002Fhelp\u002Faccount-management\u002Fwatermarks)\n::\n",{"title":5,"description":394},"help\u002Fcampaigns\u002Fgenerator-theme","2026-10-22","j8Atad18BaGeqd6NG5JDRl5ZGlv9s0NYDG5FuSXB3wE",1792680561700]