dd-editorial-chapter

What problem does it solve?

It solves the problem of turning long-form, essay-like content into a layout that feels readable and deliberate, while still supporting the narrative with contextual media—without falling into “docs portal” or blog-style chrome.

Core Features & Use Cases

• Reading-first, two-column editorial layout: Keeps a single clear reading lane while adding a sticky media rail for diagrams, video, or supporting visuals on desktop.
• Prose-first semantics: Renders content as real semantic structure (article, section, figure, aside) instead of card-grid typography tricks.
• Deliberate typography and restrained media styling: Uses calm spacing, soft framed media shells, and understated hierarchy so the writing stays stable and prominent.
• Interaction that supports comprehension: Uses hover/focus cues and light animation so labels and supporting details appear without dominating the reading experience.
• Use Case: When publishing an instructional chapter—like a design or engineering explainer with diagrams and short practitioner commentary—this layout helps readers stay in flow while media remains available.

Quick Start

Use the dd-editorial-chapter skill whenever you want a long-form, reading-first chapter page with a sticky media rail and calm, semantic typography.