Coach Stories
Co-brand lockup
Coach and a partner side by side with a thin multiplication sign, set on photography for a partnership.
components/coach/co-brand-lockup.tsx
Examples
Anatomy
- 01Coach wordmark at 0.8em
- 02× in extra light
- 03Partner mark at the wordmark's cap height
Usage
import { CoBrandLockup } from "@/components/coach/co-brand-lockup";
<div className="text-coach-white">
<CoBrandLockup />
</div>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Merged last, so it can override layout. Keep brand styling in the component. |
Guidance
Do
- Centre it on the lead photograph of the partnership.
- Keep the partner mark no larger than the wordmark.
Don't
- Put it on busy parts of an image without the 20% ink scrim.