Overview

Make ValidGraph look like your own tool. Replace the ValidGraph branding with your company name, logo, and color scheme across the dashboard, reports, and client portals.

How It Works

1. Navigate to Enterprise > White-Label settings
2. Configure:
– Company name
– Logo upload (replaces ValidGraph logo)
– Primary color
– Secondary color
3. Branding applies to:
– Dashboard interface
– Client portals
– PDF reports
– Email notifications
– NLWeb certificates

Tier Availability

| Tier | Available |
|——|———–|
| Enterprise | Yes |

Related Features

– White-Label Client Portal: Branded client access
– Client Portal: Portal that receives branding
– NLWeb Certificate: Certificate uses white-label branding

Mini-Tutorial

Step 1: Access White-Label Settings

Navigate to Enterprise > White-Label (Enterprise only).

Step 2: Enter Company Name

Replace “ValidGraph” with your company name (e.g., “Acme SEO Solutions”). This appears in headers, dashboards, and reports.

Step 3: Upload Logo

Upload your company logo (PNG or SVG recommended). It replaces the ValidGraph logo throughout the interface.

Step 4: Choose Colors

Set primary and secondary brand colors. These are applied to buttons, links, and UI accents.

Step 5: Preview

The dashboard shows a live preview of your branding. Adjust until satisfied.

Step 6: Save

Click “Save Branding.” Changes apply immediately to your account and all client portals.

Step 7: Verify Reports

When you generate PDF reports, they now use your branding. Download a sample to confirm.

Technical Details

Get White-Label Settings

GET /api/v1/whitelabel
X-API-Key: sk_live_abc123...

Response:

{
  "company_name": "Acme SEO Solutions",
  "logo_url": "https://cdn.validgraph.io/whitelabel/logo_abc123.png",
  "primary_color": "#0066CC",
  "secondary_color": "#00CC99",
  "enabled": true,
  "created_at": "2025-03-22T14:00:00Z",
  "updated_at": "2025-03-22T14:30:00Z"
}

Update White-Label Settings

POST /api/v1/whitelabel
X-API-Key: sk_live_abc123...
Content-Type: application/json

{
  "company_name": "My Agency",
  "primary_color": "#FF6B35",
  "secondary_color": "#004E89"
}

Upload Logo

POST /api/v1/whitelabel/logo
X-API-Key: sk_live_abc123...
Content-Type: multipart/form-data

[file data]

Response:

{
  "logo_url": "https://cdn.validgraph.io/whitelabel/logo_xyz789.png",
  "file_size_bytes": 45678,
  "mime_type": "image/png"
}

Where Branding Applies

– Dashboard header: Company name + logo
– Client portals: Full branding for Viewer users
– PDF reports: Logo in header, colors in charts
– Email notifications: Company name in from/signature
– Certificate pages: Your branding on validation certificates
– UI elements: Buttons, links use your colors
– Favicon: Can be customized (separate setting)

Branding Variables for Reports (Mpdf)

When PDF reports are generated, these variables are populated:

{
  "company_name": "Acme SEO Solutions",
  "logo": "https://cdn.validgraph.io/...",
  "primary_color": "#0066CC",
  "secondary_color": "#00CC99"
}

PDF templates use these to render branded documents.

References

– Brand Guidelines Best Practices
– Color Theory for UX
– Logo File Format Recommendations
– ValidGraph White-Label API