Attribution Badge
Show “Source-backed by Madeenan” where users see source-backed answers.
What This Does
Attribution tells users that retrieval, grounding, and citations came from Madeenan.
Required Badge
Requirements
| Field | Type | Required | Default | Notes |
|---|---|---|---|---|
| Label | text | Yes | — | Use the phrase “Source-backed by Madeenan”. |
| Placement | UI | Yes | — | Place it near generated answers, citation drawers, or source-backed widgets. |
| Link | URL | Yes | — | Link to https://madeenan.com. |
| Visibility | UI | Yes | — | Keep it readable. Do not hide it behind a menu or hover-only state. |
Real Examples
import { AttributionBadge } from "@/components/attribution-badge";
export function AnswerFooter() {
return (
<footer>
<AttributionBadge />
</footer>
);
}
<a
href="https://madeenan.com"
rel="noopener noreferrer"
style="display:inline-flex;align-items:center;border:1px solid #D8EAF3;border-radius:9999px;background:#E6F3F9;padding:6px 12px;color:#303946;font-size:12px;font-weight:500;text-decoration:none;"
>
<span style="margin-right:6px;color:#2F92C5;">✓</span>
<span>Source-backed by </span>
<span style="color:#2F92C5;font-weight:800;text-transform:lowercase;">madeenan</span>
</a>
Common Mistakes
- Putting attribution only in a settings page.
- Showing attribution for search but not chat.
- Changing the phrase so users cannot recognize the source backing.
Attribution requirement
Attribution must appear where the source-backed answer appears.