Button

The button is the simplest entry point — a single CTA that sends the user to your dedicated UNLOQ campaign page, where the offer and the unlock options live. It is the pattern running today on the FAME MMA website: an "Unlock PPV" button placed directly under "Buy PPV", a regular link styled to stand out.

If instead you want the reward and the unlock options to appear in place on your page, we're building an embedded widget (in development). The button just opens the offer; the widget will be a compact version of the offer, embedded in place.

Add the button

Place this anywhere in your page — no script required:

<a
  href="https://unloq.now/your-campaign?utm_source=your-brand&utm_medium=button&utm_campaign=event-page"
  target="_blank"
  rel="noopener"
  style="
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    border-radius: 9999px;
    background: #f07805;
    color: #000;
    font-weight: 700;
    text-decoration: none;
  "
>
  Unlock with UNLOQ
</a>

Replace your-campaign with your campaign URL and set the UTM parameters for the placement. If you use your own design system, feel free to restyle the button — keep the copy and colors within the guidelines below.

Brand guidelines

• Name. Always write UNLOQ in capital letters.
• Color. Brand orange is #f07805 with black text. On dark backgrounds you can invert to a black button with orange text.
• Placement. Put the button adjacent to your primary purchase action, styled as a clear secondary option — it should complement your CTA, not compete with it.

Need logo files or ready-made creatives? Ask the UNLOQ team for the asset pack.