https://framer.com/m/Pretextlayout-LRK0IZ.js
Io / Enhancements / PretextLayoutFramer
PretextLayoutFramer
PretextLayoutFramer sets a body of text as a printed page — columns, rules, a drop cap and a pull quote — and flows it across as many pages as the copy needs.
Examples
Live specimens for every control the component exposes.
Default
Body copy goes in as one string and the component breaks it into columns and pages. Headings, quote and body each take their own font; these specimens run Playfair Display over Public Sans.
Columns
One, two or three columns. These two show the extremes; colGap and the gutters decide how much air sits between them, maxPageHeight where a page breaks.
1 column
3 columns
Editorial detail
The drop cap, the rules between columns and the rules around the page can each be turned off on their own.
drop cap off
column rules off
page rules off
Props
The controls exposed on the instance panel.
Usage
Guidance carried over from the component definition.
Reach for PretextLayoutFramer
Long-form copy should read as a printed page rather than a web column.
The piece needs a drop cap, column rules or a pull quote to carry its voice.
Headings, quotes and body each need their own typeface.
Images should sit beside the text and let it wrap around them.
Reach for something else
The content is markdown you want rendered as-is — use MarkdownNext.
You need a single styled paragraph or heading — use TextPro.
The text should reveal on scroll rather than sit still.
Io — Enhancements
Every specimen above is a live component instance. Colour, type and radius resolve from the project theme tokens.