Long palette pages include a horizontal navigation bar. It helps you jump directly to the section you need instead of scrolling through every analysis block.
Navigation sections
- Harmony: palette harmony and expansion tools.
- UI: role assignment and light or dark theme transformation.
- Accessibility: contrast relationships and color spec cards.
- Visuals: gradient previews, gradient combinations, SVG previews, and posters.
- Export: developer and design export packs.
Scrolling behavior
The navigation bar can scroll horizontally when the screen is narrow. Arrow buttons appear when there are hidden items to the left or right.
Active section
As you scroll down the page, the active navigation item updates based on the section currently near the top of the viewport.
Navigation tip
Use the Export section only after checking accessibility and UI roles. It is easier to export correct colors than to fix them after implementation.