56:I[473921,["/creators-assets/_next/static/immutable/chunks/09hcabizlik1b.js","/creators-assets/_next/static/immutable/chunks/3nlrxbc8gkrz2.js","/creators-assets/_next/static/immutable/chunks/0c-r9a3oxph1w.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/174_kkoq71rok.js","/creators-assets/_next/static/immutable/chunks/0l8ivf9v35jb3.js","/creators-assets/_next/static/immutable/chunks/1zalsqf-ioaic.js","/creators-assets/_next/static/immutable/chunks/2czazntyh6hoy.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/1n06sqedvor59.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/2e-sz6cfsc9_9.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/33wtb19vlyis6.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/3t3e68fvny2dl.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/3nzo9vld-4e3c.js","/creators-assets/_next/static/immutable/chunks/3t7zex_2msojl.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js","/creators-assets/_next/static/immutable/chunks/3un-l23eued0s.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3xnhxg14xjx1h.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js"],"PostDetailCard"] 57:T74c,

■ What it does

Stop pasting your Business Model Canvas as a screenshot. This component draws the classic 9-block canvas in the correct proportions, fully editable from the properties panel: titles, bullet lists, icons and colors.

Switch Mode to Lean Canvas and the layout swaps Key Partners, Key Activities, Key Resources and Customer Relationships for Problem, Solution, Key Metrics and Unfair Advantage. Same grid, same style.

Great for startup pitches, consulting case studies, brand strategy pages and course landing pages.

■ Customizable properties

- Mode — Business Model or Lean Canvas

- Blocks — title, list of items and optional custom icon for every block

- Initial Focus — open with one block expanded

- Click to Focus / Hover Highlight — expand a block on click, dim the rest on hover

- Bullets — dot, dash, number, check or none

- Icons — built-in icon set, or upload your own per block

- Colors — three section colors (infrastructure, value, customer), block tint, background, text, border

- Stack Below — width where the canvas becomes a single column

- Gap, radius, padding

- Fonts — separate title and item fonts

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.

53:[["$","$L56",null,{"post":{"id":"01a11fd3-f338-77ec-9828-668e2918e69b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"MHmCz2GqWzDq7XLQngks","resolved":true,"title":"11 Business Canvas","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Stop pasting your Business Model Canvas as a screenshot. This component draws the classic 9-block canvas in the correct proportions, fully editable from the properties panel: titles, bullet lists, icons and colors."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Switch Mode to Lean Canvas and the layout swaps Key Partners, Key Activities, Key Resources and Customer Relationships for Problem, Solution, Key Metrics and Unfair Advantage. Same grid, same style."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Great for startup pitches, consulting case studies, brand strategy pages and course landing pages."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Mode — Business Model or Lean Canvas"}]},{"type":"paragraph","content":[{"type":"text","text":"- Blocks — title, list of items and optional custom icon for every block"}]},{"type":"paragraph","content":[{"type":"text","text":"- Initial Focus — open with one block expanded"}]},{"type":"paragraph","content":[{"type":"text","text":"- Click to Focus / Hover Highlight — expand a block on click, dim the rest on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"- Bullets — dot, dash, number, check or none"}]},{"type":"paragraph","content":[{"type":"text","text":"- Icons — built-in icon set, or upload your own per block"}]},{"type":"paragraph","content":[{"type":"text","text":"- Colors — three section colors (infrastructure, value, customer), block tint, background, text, border"}]},{"type":"paragraph","content":[{"type":"text","text":"- Stack Below — width where the canvas becomes a single column"}]},{"type":"paragraph","content":[{"type":"text","text":"- Gap, radius, padding"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fonts — separate title and item fonts"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Lean Canvas switch + click focus","slug":"11-business-canvas","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fd0-1881-742e-bd88-07ffe56b64db.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:42:25.825Z","updatedAt":"2026-10-09T08:56:21.637Z","publishedAt":"2026-10-09T08:42:25.820Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/business-model-canvas","price":"10","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/02724ee6-1d56-4cfe-8eb7-ad09d6f21eb1","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"QEziPh0bkgWI6mVMg0rW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:42:26.489Z","updatedAt":"2026-10-09T08:42:26.489Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you