Split Panel Layout
April 17, 2026 · View on GitHub
Layout: Two-column asymmetric layout with main content and sidebar Best for: Main content + sidebar, left-right comparison, analytical spread
Template
Split Panel for
Complex Content
The main column carries the primary narrative — the core argument, detailed analysis, or step-by-step explanation. It should feel heavier and more substantial than the sidebar.
Use multiple paragraphs, ordered lists, or sub-headings within the main column to build a clear reading path from top to bottom.
Key Insight
The sidebar carries distilled takeaways, supporting data, or quick-reference points.
Context
Secondary context, caveats, or related references that support the main argument.