screens / 06 Brand Marketing Create artwork and Bento brand boards from saved decisions, with an empty canvas, editable assets and exact image output.
Live interface previewSession only Preview Usage
Try the controls Create blank artwork or use a template, open Assets to insert saved decisions, and preview the post or feed. Build Bento boards separately: swap boxes in Fixed mode, or move and resize them in Custom mode. Numeric controls and keyboard actions are available. Example storage is independent.
Opening Studio preview Opening Studio…
Usage Keep saved artwork and Bento boards in the Content-aligned library. New design offers an empty canvas or an optional template. Insert or drag saved brand assets onto artwork; move, resize and edit layers with keyboard and numeric alternatives. Start a separate empty Bento board, fill typed cells explicitly, and rearrange the source snapshots without changing source tools. Fixed layouts swap actual box positions; Custom layouts move and resize boxes with collision checks and output-pixel controls. Save on this device, preview the post and feed, and export exact PNG, editable SVG, a format pack or portable JSON. Variants Blank artwork Template artwork Editable layers Empty Bento board Populated Bento board Fixed and custom box arrangements Saved artwork and boards
Preview states Empty saved-design library Artwork / Bento collections New artwork dialog Optional template chooser Assets panel Collapsed asset sections Canvas insertion and layer editing Bento cell selection and explicit population Empty-box swap, custom resize and overlap feedback Instagram post Feed preview Approved content picker Image export Unsaved navigation
Integration boundary Local source labels distinguish saved studies from approved Content records. Cloud approvals, social publishing, video export and linked master updates remain separate work. Source modules 21 conceptualize/components/studio-v2/studio-marketing-workspace.tsxconceptualize/components/studio-v2/studio-marketing-library.tsxconceptualize/components/studio-v2/studio-marketing-inspector.tsxconceptualize/components/studio-v2/studio-marketing-artwork.tsxconceptualize/components/studio-v2/studio-marketing-preview.tsxconceptualize/components/studio-v2/studio-marketing-toolbar.tsxconceptualize/components/studio-v2/studio-marketing-dialogs.tsxconceptualize/components/studio-v2/studio-marketing-workspace-dialogs.tsxconceptualize/components/studio-v2/studio-marketing-create-dialog.tsxconceptualize/components/studio-v2/studio-marketing-assets.tsxconceptualize/components/studio-v2/studio-asset-card.tsxconceptualize/components/studio-v2/studio-marketing-canvas.tsxconceptualize/components/studio-v2/studio-marketing-bento-canvas.tsxconceptualize/components/studio-v2/studio-marketing-bento-inspector.tsxconceptualize/components/studio-v2/studio-marketing-bento-geometry.tsxconceptualize/components/studio-v2/studio-marketing-layer-inspector.tsxconceptualize/components/studio-v2/studio-marketing-source-items.tsconceptualize/components/studio-v2/marketing-editor-geometry.tsconceptualize/components/studio-v2/use-marketing-editor.tsconceptualize/components/studio-v2/use-marketing-document.tsconceptualize/components/studio-v2/use-marketing-export.ts