The Lossless Group

Content Navigation Variants

Variant A – Base

Static HTML + scoped CSS. Baseline breadcrumb and tree.

Variant A Content

This slot shows how the main article area appears next to Variant A.

Variant B – Bracketed Cluster

Adds a subtle bracket around the active cluster and tweaks contrast.

Variant B Content

This slot shows how the main article area appears next to Variant B.

Top Stepper

Horizontal stepper with active indicator.

  1. 1. Load Data →
  2. 2. Review & Enrich Records →
  3. 3. Author Prompt Templates →
  4. 4. Choose AI Augmentation Option →
  5. 5. Review Request & Response →
  6. 6. Generate Insights →
  7. 7. Sync Back to Source

Top Stepper Content

Demonstration of the top stepper component with the same step data.

Inline CTA Steps

Per-step cards with a Continue CTA.

Inline Journey

Compact vertical sequence

  1. 1

    Load Data

    Short summary for this step.

    Continue
  2. 2

    Review & Enrich Records

    Short summary for this step.

    Continue
  3. 3

    Author Prompt Templates

    Short summary for this step.

    Continue
  4. 4

    Choose AI Augmentation Option

    Short summary for this step.

    Continue
  5. 5

    Review Request & Response

    Short summary for this step.

    Continue
  6. 6

    Generate Insights

    Short summary for this step.

    Continue
  7. 7

    Sync Back to Source

    Short summary for this step.

    Continue

Sticky Footer Nav

Prev/Next navigation with progress bar.

Journey

2 of 7