Brand DNA Card
Your brand's rated DNA card. Show visitors your tone, audience, palette, and products at a glance.
Live preview
Widget preview renders with a valid API key. Sign up to get yours.
Brand DNA Card
Code snippets
HTML / iframe
<iframe src="https://maniai.com/embed/brand-dna?key=YOUR_KEY" width="400" height="500" frameborder="0"></iframe>React
import { useEffect, useRef } from 'react';
export function ManiBrandDNACard({ apiKey, ...props }) {
const ref = useRef(null);
useEffect(() => {
if (!ref.current) return;
ref.current.src = `https://maniai.com/embed/brand-dna-card?key=${apiKey}`;
}, [apiKey]);
return <iframe ref={ref} width="400" height="400" frameBorder="0" {...props} />;
}WordPress
<!-- WordPress Shortcode -->
[mani_widget type="brand-dna-card" key="YOUR_KEY" width="400" height="400"]
<!-- Or use the iframe directly in any HTML block -->
<iframe src="https://maniai.com/embed/brand-dna?key=YOUR_KEY" width="400" height="500" frameborder="0"></iframe>Use cases
✓ About page brand showcase
✓ Agency client onboarding deck
✓ Partner portfolio page
Privacy and analytics
The widget loads content from maniai.com via iframe. It sends the public workspace key for authentication (read-only). No cookies are set on the host page. No personal data is collected from visitors. The widget respects the host page's cookie consent.