Breadcrumbs
Chevron
Best for
The default trail — docs, file browsers, nested settings
Anatomy
Flat chevron in a 20px slot · the same glyph the current crumb's dropdown uses, rotated · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Right arrow head
Best for
Denser chrome, where the separator should sit closer to the crumb behind it
Anatomy
Stroked arrow head in a 16px slot, carried 4px right of centre · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Forward slash
Best for
Paths and URLs, where the trail is a literal address
Anatomy
A typed slash in Inter 14/20 · a 20px slot · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Dot
Best for
Quiet trails that sit under a page title and should not compete with it
Anatomy
A single bullet in Inter 14/20 · a 20px slot · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Double dot
Best for
Trails that need a mark with no direction — a hierarchy read by nesting, not by travel
Anatomy
Two stacked bullets in an 8px slot, the narrowest separator in the set · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Arrow head
Best for
The same arrow with even spacing on both sides
Anatomy
Stroked arrow head centred in a 20px slot · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
More vertical
Best for
Toolbars where the separator should read as a rule rather than a glyph
Anatomy
Three stacked dots in a 20px slot · the set's only vertical mark · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Be first in,
and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.Breadcrumbs
Chevron
Best for
The default trail — docs, file browsers, nested settings
Anatomy
Flat chevron in a 20px slot · the same glyph the current crumb's dropdown uses, rotated · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Right arrow head
Best for
Denser chrome, where the separator should sit closer to the crumb behind it
Anatomy
Stroked arrow head in a 16px slot, carried 4px right of centre · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Forward slash
Best for
Paths and URLs, where the trail is a literal address
Anatomy
A typed slash in Inter 14/20 · a 20px slot · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Dot
Best for
Quiet trails that sit under a page title and should not compete with it
Anatomy
A single bullet in Inter 14/20 · a 20px slot · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Double dot
Best for
Trails that need a mark with no direction — a hierarchy read by nesting, not by travel
Anatomy
Two stacked bullets in an 8px slot, the narrowest separator in the set · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Arrow head
Best for
The same arrow with even spacing on both sides
Anatomy
Stroked arrow head centred in a 20px slot · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
More vertical
Best for
Toolbars where the separator should read as a rule rather than a glyph
Anatomy
Three stacked dots in a 20px slot · the set's only vertical mark · home-anchored trail · a collapsing ellipsis past five items · a current-page dropdown
Be first in, and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.