Octen
Composites

Wizard

Multi-step flows for both orientations: a vertical 3-pane layout for detail-heavy setup, and a horizontal top-stepper for lighter onboarding.

Vertical

Left stepper rail (reusing Stepper), center form, right contextual help panel.

Create API key

4 quick steps

  1. 1

    API key details

    Name and scope your key

  2. 2

    Environment

    Choose where it's valid

  3. 3

    Permissions

    Restrict what it can do

  4. 4

    Review & create

    Confirm before generating

Step 1 of 4

Help

Give the key a label you'll recognize later, like the service or teammate that will use it.

Horizontal

Top progress stepper, form content below, inline help beneath that.

Set up your workspace

3 steps to get started

  1. 1

    Company

  2. 2

    Use case

  3. 3

    Team

We use this to pre-fill your invoices and usage reports.
Step 1 of 3