How o9 Works

Chapter 99

Layout Showcase

A preview of every available topic layout — card grid, data table, comparison, full-width widget, and standard prose.

  1. 01

    Standard Prose Layout

    The default reading layout — markdown content rendered as structured prose with chapter-coloured headings and pull quotes.

    3 min
  2. 02

    Card Grid Layout

    Use this layout to present a collection of concepts, modules, or features as a scannable grid of cards.

    3 min
  3. 03

    Data Table Layout

    Reference data presented as a clean, scrollable table — ideal for comparisons, specs, and field listings.

    3 min
  4. 04

    Comparison Layout

    Two columns side-by-side — use this when you want to contrast two approaches, modes, or concepts directly.

    4 min
  5. 05

    Full-Width Widget Layout

    The interactive simulation takes centre stage — prose context scrolls below the widget instead of above it.

    interactive 5 min
  6. 06

    Node Topic Layout

    Used for the four core network objects — Items, Transformation Processes, Transportation Processes, and Resources.

    3 min
  7. 07

    Prose + Widget Layout

    The standard topic layout when a topic has both explanatory text and an interactive simulation — prose first, widget below.

    interactive 5 min
Start chapter Back to overview