Breadcrumbs
Show hierarchy and location while preserving clear navigation context.
Basic breadcrumbs
Use a familiar path for nested pages.
With home icon
An icon can make the path start compact and recognizable.
Custom separators
Use a subtle slash when it better matches the surrounding product language.
Collapsed path
Collapse long hierarchies while keeping the current location visible.
Dropdown crumb
Expose sibling routes from an intermediate breadcrumb item.
Responsive pattern
Hide intermediate crumbs on small layouts without hiding users current context.
Interactive location
Bind the current crumb to route or local navigation state.
In context
A breadcrumb can pair with a compact page header and status without competing with the title.
Website Redesign
Project overview and delivery plan