Origami Frontend Components & Services

Readme: o-ft-affiliate-ribbon

A ribbon denoting affiliation with the Financial Times. This ribbon should be used in products that are owned by the Financial Times but have a separate brand identity to the Financial Times.


Check out how to include Origami components in your project to get started with o-ft-affiliate-ribbon.


Use the following HTML to get a full-width FT affiliation ribbon. This should be placed beneath a footer.

<div class="o-ft-affiliate-ribbon">
    <div class="o-ft-affiliate-ribbon__container">
        <div class="o-ft-affiliate-ribbon__row">
            <a class="o-ft-affiliate-ribbon__logo" href="https://www.ft.com/" title="The Financial Times" target="_blank">
                <span class="o-ft-affiliate-ribbon__visually-hidden">A service from the Financial Times</span>


Call the primary mixin oFtAffiliateRibbon to include all CSS for the o-ft-affiliate-ribbon component:

    @import '@financial-times/o-ft-affiliate-ribbon/main';
    @include oFtAffiliateRibbon();

Migration guide

State Major Version Last Minor Release Migration guide
✨ active 5 N/A migrate to v5
⚠ maintained 4 4.0.4 migrate to v4
╳ deprecated 3 3.1 migrate to v3
╳ deprecated 2 2.0 migrate to v2
╳ deprecated 1 1.0 -


If you have any questions or comments about this component, or need help using it, please either raise an issue, visit #origami-support or email Origami Support.


This software is published by the Financial Times under the MIT licence.

Switch component view

GitHub: o-ft-affiliate-ribbon@5.2.1

Install o-ft-affiliate-ribbon

If using the Build Service, add o-ft-affiliate-ribbon@^5.2.1 to your link tag.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-ft-affiliate-ribbon@^5.2.1".

Help & Support

o-ft-affiliate-ribbon is maintained directly by the Origami team. If you have any questions about o-ft-affiliate-ribbon or Origami in general, we are happy to help. 😊

Slack: #origami-support
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #origami-support
Email: origami.support@ft.com