Skip to content
CoastKey Showcase
Back to catalog

Product UI Kit

Product Text And Navigation Primitives

CoastKey ProductLink variants plus the Text Navigation Item primitive for header links and search-scope tabs.

ProductLink

Content navigation variants

ProductLink / inline

Inline link

For a route that remains part of a reading flow.

ProductLink / standalone

Standalone link

Content navigation when a CTA button would be too heavy.

ProductLink / subtle-nav

Subtle nav link

Low-emphasis shell, list and secondary-route navigation.

ProductLink / editorial

Editorial link

Discovery content, guides and storytelling surfaces.

ProductLink / external

External link

Explicit external navigation without button semantics.

ProductLink / text-action

Text action

Compact metadata and content-adjacent actions.

ProductLink / footer

Footer link

Calm, restrained footer navigation.

ProductTextNavigationItem

Header and search navigation states

Usage

Navigation in product context

Search scope usage / Type = SearchWidget

Live specimen: the route owns the selected scope; this UI Kit item owns its visual state.

Current scope: Coasts

Usage

Links in content context

Inline content

The link inherits content flow, rather than becoming a control surface.

Plan routes along the coast, compare conditions, and open the coastal guide directly from a place description.

Breadcrumb

Breadcrumb links remain text navigation, not compact buttons.