Origami Frontend Components & Services

SassDoc: o-editorial-layout


Output All oEditorialLayout Features



Heading typography and margin. A placeholder is used, which may effect the source order of your CSS.

parameter type default description
level The heading level 1-5.



Body typography and margin.



Apply body typography layout, such as margin in relation to other elements, without including typographic styles such as font size and family. Useful when inheriting typographic styles from a parent element.



If true, include fonts from o-fonts.

Defaults to the value of $o-editorial-typography-load-fonts. If you are using o-typography or o-editorial-typography and have already indicated not to load fonts, preferring to load fonts manually, this variable does not need to be set. If you are not using o-typography, set this to false to load fonts manually.


active Origami v1 (Bower)
Switch component view

GitHub Repository

Install o-editorial-layout

If using the Build Service, add o-editorial-layout@^1.3.0 to your link tag.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-editorial-layout@^1.3.0".

Help & Support

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

Slack: #ft-origami
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: #ft-origami
Email: origami.support@ft.com