Delta Template System

 Welcome to the Builder!

Here's a quick overview of how to create your first landing page in 5 steps.

1

Choose a Template

Click Templates in the top bar to pick a pre-built starting point (e.g. Advanced Factories 2026). The canvas will load a full page layout instantly.

2

Drag Sections onto the Page

From the left sidebar, drag any section (Hero, Products, Video, Contact…) directly onto the canvas. Blue lines show you where it will land.

3

Adjust Content, Spacing & Colours

Click any element on the canvas to select it. Use the right sidebar to change text colours, spacing presets, background, animations and more.

4

Save Your Configuration

Click Save as file in the top bar to download a .delta file. This preserves your full editable layout so you can come back and continue later.

5

Export & Paste into the CMS

When ready, click Export Code to generate clean HTML. Copy it and paste it directly into your business group's CMS page.

 Save Project As…

Give your file a descriptive name so you can find it easily later.

 Builder Help

🗂 Workflow Overview

  1. Choose a template from Templates
  2. Drag sections from the left sidebar
  3. Click elements to edit via the right sidebar
  4. Preview on desktop / tablet / mobile
  5. Save your .delta file for later
  6. Export HTML and paste into CMS

💾 Save / Load / Export

Save as file — Downloads a .delta JSON config file. Always save before you export.

Load file — Reopens a previously saved .delta file to continue editing.

Export Code — Generates clean HTML to paste into the CMS. This does NOT save your settings.

🎨 Brand Colours

Use the colour picker swatches in the Properties panel for approved Delta brand colours. Avoid using off-brand colours.

🖼 Image URLs

Paste a direct image URL ending in .jpg, .png, .webp or .svg — not a webpage URL.

⌨️ Keyboard Shortcuts

  • Ctrl+Z — Undo
  • Ctrl+Shift+Z — Redo
  • Ctrl+Y — Redo (alt)
  • Delete / Backspace — Delete selected (when not editing text)

📞 Need Help?

Contact the Delta EMEA Marketing Ops team via Teams or email marketing@delta-emea.com

 
SECTION
 
Export Code

Copy the code below directly into your CMS or save it as an HTML file.

Choose a Template

Select a template to load it into the canvas. Your current canvas will be replaced.