Informational Flyer & Folder Design

I’m building a small web-tool that renders marketing pieces through Fabric.js, so I need clean, minimalistic templates delivered as Fabric.js-ready JSON files:

Both pieces should focus on presenting our product details clearly and walking the reader through basic usage instructions—nothing sales-heavy, no visual clutter. I will supply logo, brand colours, and the exact text once we start; your job is to translate that content into an understated, balanced layout, then export each canvas as valid JSON along with a PDF/PNG preview so I can see the final look.

Acceptance check: if I can drop your JSON into my Fabric.js instance and it renders pixel-perfect without errors, the task is complete.

Please let me know how soon you can turn these around and what assets you’ll need from me straight away.


OUTSIDE:

┌─────────────────┬─────────────────┐
│ Back Side │ Front Cover │
│ Info │ Info │
│ Info / QR │ Branding │
└─────────────────┴─────────────────┘

INSIDE (opened = 420 × 148 or 420 × 210):

┌─────────────────┬─────────────────┐
│ Slot 1 Slot 2 │ Slot 3 Slot 4 │
│ (2×1 Grid) │ (2×1 Grid) │
│ Inside Left │ Inside Right │
└─────────────────┴─────────────────┘

8 Slots (6 pages = roll fold , 3 panels × 2)

OUTSIDE (opened = 630 × 148 or 630 × 210):

┌──────────┬──────────┬──────────┐
│ Fold-in │ Back Side│ Front │
│ 2 SLOTS │ FlappAds │ Cover │
│ (visible │ Info │ FlappAds │
│ after │ │ Branding │
│ opening) │ │ │
└──────────┴──────────┴──────────┘

INSIDE (fully opened):

┌──────────┬──────────┬──────────┐
│ Panel 1 │ Panel 2 │ Panel 3 │
│ 2 Slots │ 2 Slots │ 2 Slots │
│ │ │ │
└──────────┴──────────┴──────────┘

Result:
6 inside slots + 2 fold-in slots = 8 slots total


Sample design provided, sample Json provided. All images will be provided