Docs-Style Developer Site

The canonical three-pane developer documentation layout: fixed sidebar navigation, a readable prose column, and a sticky on-page table of contents, set in a quiet blue-accented light palette with tinted code blocks, copy buttons, and colored callout admonitions. Optimized for scanning, deep-linking, and long reading sessions.

Primary action

Card

Signature element

The three-pane frame itself: a 240px fixed nav tree left, ~700px prose column center, and a sticky right-hand 'On this page' TOC that highlights the active heading as you scroll.

Palette

bg
#ffffff
surface
#f6f8fa
text
#1f2328
text-muted
#59636e
accent
#0969da
border
#d0d7de
success
#1a7f37
warning
#9a6700
danger
#cf222e