Consolidated Branding

1 Badge Integration (JS)

Include the lightweight branding script in the head or before the closing body tag. Use the version parameter for cache-busting.

<!-- 1. Include the Branding Script (v1.2.14) -->
<script src="https://novyukthi.com/branding/powered-by.js?v=1.2.14" async></script>

<!-- 2. Place the anchor div where you want the badge -->
<div data-novyukthi-powered></div>

2 Theme & Smart Contrast

The badge is intelligent. It automatically handles contrast and responsiveness to fit any site design.

1. Smart Auto (Recommended)

If you specify nothing, the script analyzes the background color of its parent container. It calculates the brightness and automatically chooses the theme (Light or Dark text) that provides the best readability.

<div data-novyukthi-powered></div>

2. Explicit Theme Overrides

You can force a specific look by using the data-theme attribute. Use "light" for light-colored text (on dark backgrounds) or "dark" for dark-colored text (on light backgrounds).

data-theme="light"

data-theme="dark"

3 Security & Whitelisting

To prevent misuse and hotlinking, branding assets are protected via server-level whitelisting.

A. Source Site (novyukthi.com)

The host server uses a Domain Whitelist. Only authorized domains can download branding files.

# Source (.htaccess): Hardened Whitelist (v1.2.14)
<IfModule mod_headers.c>
    # Allow authorized domains to fetch branding assets
    SetEnvIf Origin "^https?://((.+\.)?(novyukthi\.com|novprayan\.com)|localhost(:\d+)?)/?$" ALLOWED_ORIGIN=$0
    Header set Access-Control-Allow-Origin %{ALLOWED_ORIGIN}e env=ALLOWED_ORIGIN
</IfModule>

B. Client Site (e.g., novprayan.com)

Consuming sites must whitelist the source domain in their Content Security Policy (CSP).

# Client (.htaccess): CSP Configuration
<IfModule mod_headers.c>
    Header set Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' https://novyukthi.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https://novyukthi.com; connect-src 'self' https://novyukthi.com;"
</IfModule>

4 Email Signature Branding

Use the following static HTML snippet for official company emails. Compatible with Outlook, Gmail, and Apple Mail.

A. Static HTML Snippet

<!-- Copy this into your email signature settings -->
<table cellpadding="0" cellspacing="0" border="0" style="font-family: Arial, sans-serif; background: #ffffff; color: #000000; width: 100%; max-width: 600px; border-top: 1px solid #eeeeee; padding-top: 20px;">
    <tr>
        <td style="padding: 10px; border-right: 1px solid #eeeeee; text-align: right; width: 33%;">
            <div style="font-size: 10px; font-weight: bold; color: #666666; text-transform: uppercase;">Powered by</div>
            <div style="font-size: 8px; color: #999999; text-transform: uppercase;">NOVYUKTHI™</div>
        </td>
        <td style="padding: 10px; text-align: center; width: 34%;">
            <a href="https://novyukthi.com" style="text-decoration: none;">
                <img src="https://novyukthi.com/images/novyukthi_logo.png" width="120" alt="Logo" style="display: block; margin: 0 auto; border: 0;">
            </a>
        </td>
        <td style="padding: 10px; border-left: 1px solid #eeeeee; text-align: left; width: 33%;">
            <div style="font-size: 10px; color: #666666; text-transform: uppercase;">New Thinking.</div>
            <div style="font-size: 10px; font-weight: bold; color: #EB5432; text-transform: uppercase;">Smart Solutions.</div>
        </td>
    </tr>
    <!-- Products Row -->
    <tr>
        <td colspan="3" style="border-top: 1px solid #eeeeee; margin-top: 15px; padding-top: 15px; text-align: center;">
            <span style="font-size: 9px; color: #999999; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; display: block; margin-bottom: 8px;">Our Products</span>
            <a href="https://novprayan.com" style="text-decoration: none; margin: 0 10px; display: inline-block;">
                <img src="https://novyukthi.com/images/novprayan_logo_short.png" width="80" alt="Novprayan" style="vertical-align: middle; border: 0;">
            </a>
            <a href="https://novyukthi.com/#contact" style="text-decoration: none; margin: 0 10px; display: inline-block;">
                <img src="https://novyukthi.com/images/novyukthi_logo_short.png" width="80" alt="SFTP" style="vertical-align: middle; border: 0;">
            </a>
        </td>
    </tr>
</table>

B. Dynamic API (PHP)

Generate signatures dynamically with real-time product data and announcements:

https://novyukthi.com/branding/email-footer.php

5 Implementation Checklist

Live Tooling Previews

These are live renders of the v1.2.14 branding script and static assets.

1. Smart Auto-Detection Preview

Script is currently analyzing this light-gray background and choosing the "Dark" theme automatically.

Forced Light Theme (Dark Text)

Attribute: data-theme="light"

Forced Dark Theme (Light Text)

Attribute: data-theme="dark"

2. Static Email Signature Visual (Final Result)

Powered by NOVYUKTHI™		New Thinking. Smart Solutions.
Innovative Product Ecosystem

* This is a live preview of how the signature renders in compatible mail clients.