Design 01 · Soft Pills

Jump to any section
in a single click

Rounded chips that light up as you scroll. Each one links to a section ID on this page — try it.

Links: #design-01 · #design-02 · #design-03

Design 02 · Midnight Sidebar

A sticky-style
table of sections

Stack the nav vertically for docs, changelogs and long landing pages. Icons, glass surfaces and a soft violet active state keep it on-brand.

On this page

Scrollspy keeps the current section highlighted while you read.

Design 03 · Editorial Dots

Quiet navigation,
bold content.

Hollow rings with a coral active state and dark tooltips. A minimal dot nav that stays out of the way of big editorial type.

Hover a dot for its name — click to jump