Brand attribution

Platform attribution with the Talentech wordmark and a “Powered by” label.

Examples

Properties

Property	Attribute	Description	Type name	Type	Default
`href`	`href`	When non-empty, renders an `<a>` instead of a static block	`string`	`string`	`""`
`target`	`target`	Link target (e.g. `_blank`); safe `rel` defaults apply for `_blank`	`string`	`string`	`""`
`rel`	`rel`	Link relationship; merged with defaults when `target="_blank"`	`string`	`string`	`""`
`label`	`label`	Visible “Powered by” text; defaults from `@duo/locales`	`string`	`string`	`""`
`accessibleLabel`	`aria-label`	Accessible name override; defaults differ for static vs link	`string`	`string`	`""`
`lang`	`lang`	Locale for built-in copy (`fi`, `sv-SE`, …); inherited when omitted	`string`	`string`	`—`

Usage

Brand attribution renders a fixed Talentech wordmark and Powered by label. Set href (and optionally target / rel) to make the block a link without changing its layout.

<duo-brand-attribution></duo-brand-attribution>
<duo-brand-attribution href="https://www.talentech.com/" target="_blank"></duo-brand-attribution>

The visible label and accessible name come from @duo/locales. Set lang on the element, an ancestor, or <html> (for example lang="fi"). Unknown tags fall back to English. Pass label or aria-label only when you need to override a string.

<html lang="sv">
  <duo-brand-attribution href="https://www.talentech.com/" target="_blank"></duo-brand-attribution>
</html>

Do

Place in the footer of flows that must credit the platform.
Use on auth, onboarding, or lightweight surfaces that need platform attribution.
Set lang on the page (or the component) so built-in copy matches the UI language.

Don’t

Don’t use for primary navigation or in-app product branding—use product-specific marks instead.
Don’t use in transactional email—use the React Email shell powered-by block in @duo/template-email.