Node 0Phase IAPage-level

Global Navigation and Chrome

GC1 App Header and GC2 Global Tab Bar: the frame around every steady-state screen.

Job: Carries every job cluster into reach (4 tabs = 4 clusters).

Type: Section, Section, State matrix

Step 2

Global chrome

GC1 App Header and GC2 Global Tab Bar frame every steady-state screen. GC3 to GC7 are reusable Sections specified in their cluster pages, not here.

Decisions

Four tabs, no more, and no red badge counts; a quiet new-dot only.
The whole onboarding chain hides both header actions and the tab bar.
The header carries at most one contextual action.
On desktop the bottom tab bar becomes a left rail; the header folds into its top.
Tendd has no footer: it is an app, not a marketing site.

Blocks

Section

Section

State matrix

Element	Emma (bank)	Ravi (privacy)	Claudia	Free	Pro
App Header	Source reads "from [Bank]"	Source reads "Added by you"; may show "Create an account to save"	Standard	Chip "Free"	Chip "Pro"
Tab Bar	4 tabs; lives on Home, Save	4 tabs; lives on Home, You	4 tabs; lives on Save, Alerts	4 identical tabs; History gated	4 identical tabs; gates unlocked

The tab set never changes by persona or plan; only what is gated behind a tab changes (D3).

Variants

GC2 mobile bottom bar

HomeAlerts •SaveYou

Bottom tab bar, thumb reach, quiet dot on Alerts.

GC2 desktop left rail

Home

Alerts •

Save

You

Same four destinations as a left rail on desktop.

GC1 onboarding variant

Tendd

Brand only. No back, no action, no tab bar.

Cross-cutting

SEO. Chrome is not a content surface. noindex, not applicable.

Accessibility. Tab bar is a navigation landmark; current tab has aria-current; labels are text, not icon-only; 44px targets.

Mobile. The bottom-bar-to-left-rail change is the product's main breakpoint delta and cascades to every steady-state screen.

Status

Locked. Four tabs, no red counts, hidden in onboarding, left rail on desktop, no footer.

Still [?]. The no-account header/You treatment depends on the auth model.