This version of this component hasn't been branded yet.

Please check the latest version, 3.1.0, as branding is a relatively new addition to our components.


FT affiliation ribbon for Specialist Titles



Simple ribbon example

<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="" title="The Financial Times" target="_blank">
				<span class="o-ft-affiliate-ribbon__visually-hidden">A service from the Financial Times</span>
Bower Dependencies
o-colors ^4.0.1
o-grid ^4.3.0
GitHub Repository


Build Service

Add the following to your <link> tag


How do I do that?

For more information see the Origami build service.

Manual Build Process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-ft-affiliate-ribbon"@"^3.0.4"

For more information see the Origami build process.