Verda API Button Standards

Button Standards Overview

To ensure a consistent user experience across all platforms integrating with Verda, we require the use of our standardized buttons for all API integrations. These buttons are designed to be recognizable, accessible, and consistently branded.

Important: Using these standard buttons is mandatory for all Verda API integrations.

Apply API

Apply with Verda

Standard button for job applications using verified credentials.

Assess API

Assess with Verda

Standard button for AI-powered candidate assessment.

Report API

Report to Verda

Standard button for reporting professional conduct issues.

Implementation Guide

Follow these steps to implement the standardized Verda buttons in your application:

Step 1: Include CSS and JavaScript

<link rel="stylesheet" href="https://api.verda.work/static/css/api_buttons.css">
<script src="https://api.verda.work/static/js/api_buttons.js"></script>

Step 2: Add Button HTML

Add the appropriate button HTML based on which API you're implementing:

<button class="verda-button verda-apply-button" id="apply-with-verda-btn" data-verda-api="apply">
  Apply with Verda
</button>

<button class="verda-button verda-assess-button" id="assess-with-verda-btn" data-verda-api="assess">
  Assess with Verda
</button>

<button class="verda-button verda-report-button" id="report-to-verda-btn" data-verda-api="report">
  Report to Verda
</button>

Important: Do not modify the button classes, attributes, or text content. The Verda Button Compliance system automatically detects and reports non-compliant button implementations.

Step 3: Add Event Handlers

Add your custom event handlers to the buttons while maintaining the standardized HTML structure:

document.getElementById('apply-with-verda-btn').addEventListener('click', function() {
  // Your custom code here
  initiateVerdaApplyFlow();
});

Compliance Requirements

All integrations with Verda APIs must adhere to the following requirements:

Use the exact HTML structure provided for each button type
Do not modify button text content or class names
Include both the CSS and JavaScript files in your integration
Do not create custom button styles that mimic Verda branding
Ensure buttons are visible and accessible to all users

Compliance Monitoring: Verda automatically monitors and reports non-compliant button implementations. Continued non-compliance may result in API access restrictions.