Learn Mode

IR Process Steps

Name: DaizLab
Author: Daiz

Create step-by-step customer flows.

Objective

Understand process sections and steps.

A process section explains how something works.

Steps help users understand what to do next.

This is useful for ordering, booking, consultation, onboarding, and service delivery.

Syntax

"steps": [
  {
    "title": "Choose Package",
    "description": "Pick what you want."
  }
]

Practice Editor

Temporary only. No local save. No cloud save. No compile quota used.

{
  "version": "1.1",
  "meta": {
    "title": "Process Test",
    "description": "Testing process steps.",
    "businessName": "DaizLab",
    "businessType": "service",
    "language": "en"
  },
  "brand": {
    "colors": {
      "primary": "#153331",
      "secondary": "#CFB113",
      "accent": "#CFB113",
      "background": "#ffffff",
      "text": "#111111",
      "muted": "#666666"
    },
    "typography": {
      "heading": "Arial, Helvetica, sans-serif",
      "body": "Arial, Helvetica, sans-serif"
    },
    "vibe": "corporate"
  },
  "layout": {
    "container": {
      "maxWidth": "1180px",
      "padding": "32px"
    },
    "grid": "mixed",
    "responsive": true
  },
  "sections": [
    {
      "id": "process",
      "type": "process",
      "badge": "HOW IT WORKS",
      "headline": "From idea to live page",
      "steps": [
        {
          "title": "Describe the business",
          "description": "Start with the business type, offer, and audience."
        },
        {
          "title": "Generate IR",
          "description": "DaizLab structures the intent into IR1.1."
        },
        {
          "title": "Compile output",
          "description": "The IR becomes HTML, CSS, preview, and export files."
        }
      ]
    }
  ],
  "actions": {
    "primary": {
      "label": "Try Process",
      "type": "link",
      "value": "#",
      "style": "primary"
    }
  },
  "output": {
    "targets": ["html", "css", "previewHtml"]
  }
}

Notes

Process steps are different from items.

Use steps only when showing a sequence.

Common Mistakes

Using items instead of steps for process sections.

Forgetting title and description inside each step.

← Previous

Learn Mode

IR Process Steps

Create step-by-step customer flows.

Objective

Understand process sections and steps.

A process section explains how something works.

Steps help users understand what to do next.

This is useful for ordering, booking, consultation, onboarding, and service delivery.

Syntax

"steps": [
  {
    "title": "Choose Package",
    "description": "Pick what you want."
  }
]

Practice Editor

Temporary only. No local save. No cloud save. No compile quota used.

Notes

Process steps are different from items.

Use steps only when showing a sequence.

Common Mistakes

Using items instead of steps for process sections.

Forgetting title and description inside each step.

← Previous

INITIALIZING DAIZLAB

System Progress14%

[~]Loading interface systems

[ ]Connecting workspace modules

[ ]Preparing authoring environment

Learn Mode

IR Process Steps

Create step-by-step customer flows.

Objective

Understand process sections and steps.

A process section explains how something works.

Steps help users understand what to do next.

This is useful for ordering, booking, consultation, onboarding, and service delivery.

Syntax

"steps": [
  {
    "title": "Choose Package",
    "description": "Pick what you want."
  }
]

Practice Editor

Temporary only. No local save. No cloud save. No compile quota used.

Notes

Process steps are different from items.

Use steps only when showing a sequence.

Common Mistakes

Using items instead of steps for process sections.

Forgetting title and description inside each step.

← Previous