---
title: "Navigation Bar"
url: "https://developer.incode.com/design-and-ux/navigation-bar/"
section: "design-and-ux"
group: "Prizma Design Foundations / Components"
version: "v1.1"
status: "live"
---
# Navigation Bar

The Navigation Bar is the persistent header present on every step of a Prizma verification flow. It provides orientation (title), backward navigation (back button), and flow exit (close icon) — always in the same position.

<div class="dh-rule"><span>Anatomy</span><i></i></div>

<div class="dh-stage"><span class="dh-pz-navbar"><i>‹</i><strong>Verify identity</strong><i>✕</i></span></div>

<div class="dh-rule"><span>Variants</span><i></i></div>

<div class="dh-var-grid"><div class="dh-var" style="background:#006aff08"><div class="dh-var-stage"><span class="dh-pz-navbar" style="max-width:260px"><i>‹</i><strong>Get started</strong><i>✕</i></span></div><div class="dh-var-meta"><span class="dh-var-pill" style="background:#006aff14;color:#006aff">Back + close</span><code>.navbar</code><p>The default: back on the left, step title centered, close on the right.</p></div></div><div class="dh-var" style="background:transparent"><div class="dh-var-stage"><span class="dh-pz-navbar" style="max-width:260px"><span></span><strong>ID Capture</strong><i>✕</i></span></div><div class="dh-var-meta"><span class="dh-var-pill" style="background:#60667c14;color:#60667c">Close only</span><code>.navbar--no-back</code><p>First step of a flow — there is nowhere to go back to.</p></div></div></div>

<div class="dh-rule"><span>Tokens</span><i></i></div>

```dh-comp-tokens
--nav-bar-surface | Bar background | Component
--nav-bar-border | Bottom border color | Component
--nav-bar-title | Title text color | Component
--nav-bar-back-text | Back label color | Component
--nav-bar-icon | Icon color (back, close) | Component
--nav-bar-height | Bar height | Component
```

> 📘 Component tokens
>
> The color tokens for this component live in [Color → Tokens](/design-and-ux/color/), and its spacing, radius, and type map to the shared foundation scales.