[dDevAhmed]

Summary

Implements #572 (UI-FE-001) as the first dependency-safe design-to-implementation tranche.

• installs the five approved Evidence Shield SVG assets unchanged from Protocol authority;
• adds a typed production asset module;
• maps the approved brand, semantic, spacing, radius, elevation, sizing and motion tokens into application CSS;
• rebinds existing compatibility aliases to Signal Cyan / Proof Blue and removes active violet focus values;
• supports both class-based and data-theme theme consumers;
• uses the approved app icon in Next metadata;
• adds a Brand and Tokens Storybook reference;
• adds regression coverage for assets and token values;
• updates the frontend design-system documentation.

Authority

• Protocol PR feat: implement dispute flow ui (#5) #17 — approved brand foundation
• Protocol PR feat: implement claim history per user feature #18 — approved frontend foundation
• Protocol PR Worldcoin Verification UI #23 — implementation matrix
• Issue UI-FE-001 — Adopt Approved Brand Assets and Design Tokens #572

Boundaries

• No contract or API integration.
• No route or capability changes.
• No redesign of approved logo artwork.
• Default Storybook examples are left to UI-FE-002 — Complete the Storybook Primitive Catalogue #571.
• No Stellar Wave label is applied.

Validation

CI should run lint, typecheck, tests, Storybook build and production build. The added tests also verify that all five canonical SVGs exist with view boxes, the approved token scales remain exact, and legacy violet focus values are absent.

Closes #572

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

---

_{Comment @coderabbitai help to get the list of available commands.}