Loading NextReach Studio.

Attribution & Brand Badges

Attribution Assets for Client Flagships

Drop-in badges and zero-dependency components for websites crafted by NextReach Studio. Points directly to our live flagship at https://www.nextreachstudio.in/ with automatic client referral tracking.

Badge Customizer

Auto-appends ?utm_source=shadow-shuriken for studio referral tracking.

Live Interactive PreviewTarget: www.nextreachstudio.in
Clicking the badge opens studio with referral parameters.Test Live Link↗
// 1. Install or copy NextReachBadge.tsx to your components folder
import { NextReachBadge } from "@/components/attribution/NextReachBadge";

export function Footer() {
  return (
    <footer className="py-8 border-t border-zinc-800">
      <div className="max-w-7xl mx-auto flex items-center justify-between">
        <p className="text-sm text-zinc-400">© 2026 Your Company</p>
        <NextReachBadge
          variant="pill"
          theme="dark"
          phrase="Crafted by"
          clientName="shadow-shuriken"
        />
      </div>
    </footer>
  );
}

Vector SVG Badges & Master Assets

Ready-to-use vector SVG files hosted directly in the studio repository under /public/attribution/.

Zero Dependencies • Pure Vectors
Dark Badge
nextreach-badge-dark.svgDownload ↓
Light Badge
nextreach-badge-light.svgDownload ↓
Terracotta Badge
nextreach-badge-terracotta.svgDownload ↓
Banner Card
nextreach-banner.svgDownload ↓

Attribution Integration Guidelines

How and where to add NextReach Studio credits across client web projects.

01. Bottom Footers

Client Site Footers

Place the Pill or Minimal variant alongside the copyright line in the client's global footer.

02. Staging / Demos

Floating Review Dock

Use the Floating variant pinned to bottom-right on preview/staging deployments before launch.

03. Automatic Analytics

Referral UTM Tracking

Always supply the clientName prop so incoming leads are tracked in Google Analytics.