Resend — documentation with three levels of navigation
Functional Product UI · editorial
Source: pending · Classification: pending
Original principle diagram · Draft explanation
Give each navigation level its own place.
What to borrow: Separate global sections, document navigation and the current page's contents around a readable main column.
When to use this principle
- When it works
- Documentation with a large hierarchy and articles that contain several sections.
- When to avoid it
- Squeezing three columns onto a phone or adding a contents list to a very short page.
Original teaching diagram with illustrative content; not a screenshot or reconstruction of the source. Trova · AI-assisted illustration. Original Trova diagram.
- Steal · grid/layoutmodel draft
The captured page has global documentation sections across the top, grouped document links on the left, the article in the center and an On this page list on the right. Each region answers a different navigation question.
- Steal · copywritingmodel draft
The introduction presents prerequisites before the framework quickstarts. State what readers need before asking them to choose implementation instructions.
- Steal · component patternmodel draft
Quickstart choices pair a framework icon with its name in a repeated grid. Preserve readable names so recognition does not depend on familiarity with the icons.
Fonts: Inter · Original: Resend
private-reference-only
View original ↗Source & usage rights
Original: Resend. Source verification: pending review.
Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.
Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.
Captured: 2026-10-10. Capture does not establish source verification.