Skip to content

Learning Studio / features

Configure separator blocks

Set separator shape, fill color, height, and flip or rotation.

A separator block adds a decorative shape between sections of a page. It is purely visual: learners never interact with it, and it never affects progress. The block’s default style is full-bleed width with no padding.

When you select a separator block, the inspector shows its properties:

  • Shape — choose Wave, Mountain, Angle, or Gradient.
  • Fill — use a course token (Course accent, Course panel, Course heading, or Course text) or a custom hex color.
  • Height — drag the slider between 24 and 320 pixels.
  • Flip ↔ — mirror the separator horizontally.
  • Flip ↕ — mirror the separator vertically.
  • 180° — rotate the separator 180 degrees.
Select a separator block on the canvas to see its shape, fill, height, and orientation controls in the inspector. Full-resolution PNG
The separator inspector remains usable on phone-width screens via the inspector drawer. Full-resolution PNG

Last updated · Osprey v0.23.0

Same update, your timezone

Pacific · Oct 29
Central · Oct 29
Eastern · Oct 29

Made with love by the team at EdStratum Labs AI