Page Modes
Custom Mode Example
Build polished, splash-style documentation pages inside your docs site.
Try it out
Start with a simple custom page
Start with a clear first screen, then link people into the rest of the docs.
Starter pattern
Start with three lines, then build the page around them.
A good custom page usually needs one message, one visual, and one next action.
Build it
Use a simple three-step flow.
Keep the structure simple, then add a custom.css file when you want a more tailored layout. See Custom CSS for the file placement and scoping rules.
Set the shell
Add mode: "custom" and keep the first screen focused on one clear idea.
Build the hero
Use one message, one visual, and one call to action.
Style the page
Add matching classes in custom.css for any layout beyond the default docs shell, then keep those selectors scoped to your page wrapper.
Explore next
Compare the other page modes.
Use the other examples to decide how much of the standard docs shell you want to keep.